失去光標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（「要顯示的內容」）進行顯示。