输入信息页面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谷歌浏览器都适用。