有点傻缺,没有用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谷歌浏览器都适用。