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

Posted 2020-09-13

一、当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的方法中，完美解决！