easyui-textbox的onblur失去焦点事件

时间:2022-06-30 17:29:48


easyUI的form表单中有很多种类型的标签,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。

在使用easyui-textbox时,想通过onblure()事件做一些处理,可是,事件总不被触发。一个最基本最简单的onblure(),怎么可能不执行?先来看两行代码,看完,你就知道答案了。

使用easyui-textbox:

<input id="loginName"class="easyui-textbox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">  

easyui-textbox的onblur失去焦点事件

使用easyui-validatebox:

<input id="loginName" class="easyui-validatebox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">  

对比两个html,easyui-validatebox和easyui-textbox所生成的dom结构是不一样的。

easyui-validate类型的输入框,可以直接 触发onblure()事件,而easyui-textbox类型的输入框,onblure()事件需要换一种触发方式:

$("input",$("#loginName").next("span")).blur(function(){  
    alert("登录名已存在"); 
})

其实也可以不需要这么复杂,也可以在data-options添加 events:{blur: function(){ alert('提示') }}