博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
归纳一下input中span提示以及input中onchange事件
阅读量:5251 次
发布时间:2019-06-14

本文共 873 字,大约阅读时间需要 2 分钟。

一、当input中不含有onclick事件的时候

定义一个class为tip1的span:

<td><input  type=text name='POSTNAME' nameVal='POSTCODE'  required='required' οnchange='showtips()'>

  <span class='tip1'></span>

</td>

js中加载提示内容:这个提示只限于postname为空的时候

  if($(this).find('input[name="POSTNAME"]').val() == ""){

    tip1.html('<font color="red">岗位不能为空!</font>');
  }

效果:

 

那么问题来了,我们怎么在填入信息的同时这个tip就隐藏了呢:

看下边函数:

  function showtip(){

    if($(this).find('input[name="POSTNAME"]').val() != ""){
      $(".tip1").hide();
    }
  }

这样就ok了,效果

二、由于个人尝试,发现onclick事件与onchange并不能共存,也就是说input中含有onclick的时候,input的监听onchange不起作用,比如:

<td><input οnclick='openfunction()'  type=text name='POSTNAME' nameVal='POSTCODE'  required='required' οnchange='showtips()'>

  <span class='tip1'></span>

</td>

那么这个时候我们就不必要在input中加入 οnchange='showtips()'事件了,我的操作是吧showtips()中的代码写到了onclick的方法中,完美解决!

转载于:https://www.cnblogs.com/Sophias/p/6761125.html

你可能感兴趣的文章
Break Standard Weight (ZOJ 3706)
查看>>
OI实用工具 持续更新ing
查看>>
Android开发 第一篇
查看>>
RaceWeb介绍(4):自动生成web页面——只读页面截图
查看>>
cad.net 图元延迟显示,动画效果,编辑器延迟发送提示.
查看>>
用ajax与fetch调用阿里云免费接口
查看>>
Apache + Tomcat
查看>>
android应用程序图标建立和修改
查看>>
CocoaPods的安装和使用
查看>>
使用c++的一些建议
查看>>
NoSQL介绍
查看>>
SSH-keygen用法
查看>>
NSDateformatter的使用及格式
查看>>
c#开发sqlite
查看>>
First Unique Character in a String
查看>>
nyoj--523--亡命逃窜(BFS水题)
查看>>
lightoj 1408 Batting Practice
查看>>
poj 2001 Shortest Prefixes
查看>>
http://doc.okbase.net/congcong68/archive/112508.html
查看>>
Eclipse安装Eclipse Memory Analyzer插件
查看>>