首页 > 代码库 > 归纳一下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事件