失去光标display=none事件的坑

 1.实现效果：

失去光标进行判断，如果内容为空出现提示。

 

2.页面代码：

            <tr class="tableform_tr">
                <td width="150px" class="alignright">
                    <div><span>公司名称</span></div>
                </td>
                <td width="350px">
                    <div><input type="text" class="inputwidth340" name="companyname"><span class="musthave">*</span></div>
                </td>
            </tr>
            <tr class="errormsg_tr">
                <td></td>
                <td><div class="errormsg" id="errormsg_company" style="display: none"><span>请填写公司名称。</span></div></td>
            </tr>

 

3.js代码：

// 失去光标判断
$("input[name='companyname']").blur(function(){
    if($("input[name='companyname']").val()==""){
        $("#errormsg_company").css("display","");
    }else {
        $("#errormsg_company").css("display","none");
    }
});

 

需要注意的是：display=none属性必须内嵌，不然JQ在获取属性的时候获取不到。

 

总结：有两种实现方式1.在html页面写好，之后用display进行控制。2.利用JQ的.html（“要显示的内容”）进行显示。

 

转载于:https://www.cnblogs.com/songjn/p/9145275.html