首页 > 代码库 > 归纳一下input中span提示以及input中onchange事件

归纳一下input中span提示以及input中onchange事件

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

定义一个class为tip1的span:

<td><input  type=text name=‘POSTNAME‘ nameVal=‘POSTCODE‘  required=‘required‘ onchange=‘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 onclick=‘openfunction()‘  type=text name=‘POSTNAME‘ nameVal=‘POSTCODE‘  required=‘required‘ onchange=‘showtips()‘>

  <span class=‘tip1‘></span>

</td>

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

归纳一下input中span提示以及input中onchange事件