easyui-textbox的onblur失去焦点事件
2016-10-09 13:56
477 查看
easyUI的form表单中有很多种类型的标签,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。
在使用easyui-textbox时,想通过onblure()事件做一些处理,可是,事件总不被触发。一个最基本最简单的onblure(),怎么可能不执行?先来看两行代码,看完,你就知道答案了。
使用easyui-textbox:
使用easyui-validatebox:
对比两个html,easyui-validatebox和easyui-textbox所生成的dom结构是不一样的。
easyui-validate类型的输入框,可以直接 触发onblure()事件,而easyui-textbox类型的输入框,onblure()事件需要换一种触发方式:
其实也可以不需要这么复杂,也可以在data-options添加 events:{blur: function(){ alert('提示') }}
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-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('提示') }}
相关文章推荐
- easyui textbox 添加 onblur 失去焦点事件
- easyui textbox 添加 onblur 失去焦点事件
- easyUI中 textbox 、numberbox 等控件 的失去焦点( onblure) 事件不管用处理
- easyui之textbox失去焦点触发事件
- 表单验证用onblur(失去焦点事件)实现
- js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- easyui textbox获取焦点事件
- onblur 是控件在失去焦点的时候触发的事件
- ASP.NET为textbox 添加 失去焦点事件 和回车失去焦点
- onblur 事件会在对象失去焦点时发生。
- easyUI奇葩事件-textbox的onblur失效
- ASP.NET:TextBox失去焦点引发服务端事件
- easyui textbox 获得焦点,失去焦点处理
- onblur 事件会在对象失去焦点时发生
- 给TextBox添加失去焦点事件(两种方法)
- TextBox失去焦点引发服务端事件
- C# 为textbox 添加 失去焦点事件
- 失去焦点事件-onblur
- WinForm多个TextBox失去焦点事件解决
- onblur在html中的意思是:控件在失去焦点的时候触发的事件