輸入資訊頁面js驗證，提示資訊

    

有點傻缺，沒有用UI框架的驗證外掛。因為不想學，也想偷懶。所以寫了如下的js驗證。驗證輸入框。繫結滑鼠事件：輸入框失去焦點，輸入框獲得焦點。

獲取焦點時，先進行判空處理。再對提示資訊進行處理。此處想要記錄的是藍底部分（$("#spanUnitId").css("display", "initial");）在谷歌瀏覽器是可以實現橫向展示的。該語句在IE11瀏覽器下卻不能正常執行。不知道具體原因。下面那句，可以將提示資訊的span正常顯示，IE、谷歌都行。另：display這個屬性用hide、show都沒有效果。

function CheckInput() {

 $('#UnitId').blur(function () {

                var txt = $('#UnitId').val();
                //  alert($('#UnitId'));
                if (JsCheckIsNull(txt)) {
                  //  $("#spanUnitId").css("display", "initial");//僅適用於谷歌
                    $("#spanUnitId").css("display", "inline");// 通用於IE谷歌
                } else {
                    $("#spanUnitId").css("display", "none");
                }
            });
            $('#UnitId').focus(function () {
                $("#spanUnitId").css("display", "none");

            });

}

HTML程式碼

<div class="part-01">
                        單元編號：
                        <input type="text" id="UnitId" style="width: 118px;" /><span style="color: Red; display: none;"
                            id="spanUnitId">！</span>
                 </div>

經測試。這樣處理在IE谷歌瀏覽器都適用。