easyUI——easyui-textbox的onblure事件失效
来源:互联网 发布:unity3d 灯光开关 编辑:程序博客网 时间:2024/06/05 00:58
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("登录名已存在");})
2 0
- easyUI——easyui-textbox的onblure事件失效
- easyUI——easyui-textbox的onblure事件失效
- 【UI集锦】easyUI奇葩事件-textbox的onblur失效
- easyUI——easyui-textbox输入框绑定blur事件
- easyui textBox的点击事件
- easyui-textbox绑定事件
- easyUI textBox事件
- easyui-textbox回车事件
- easyui textbox点击事件
- easyui-textbox与easyui-combobox的onChange事件
- easyui-textbox的onblur失去焦点事件
- easyui的easyui-textbox、easyui-combobox 类
- EasyUi textbox 事件 numberspinner事件
- easyui textbox添加blur事件
- easyui textbox 绑定oninput事件
- easyui-textbox添加validType使maxlength失效
- easyui blur相关事件失效
- easyui的带按钮的textbox的事件绑定
- Spring 框架的设计理念与设计模式分析
- OAEPWithSHA-512AndMGF1Padding
- spring junit完美解决方案
- nyoj33蛇形填数
- 黑马程序员——private, public,protected,friendly的区别
- easyUI——easyui-textbox的onblure事件失效
- nodejs、express、mongodb初学者环境安装
- linux下mysql启动报错Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)
- 循环-13. 求特殊方程的正整数解(15)
- x01.wos: 纸娃娃系统
- iOS开发工具——网络封包分析工具Charles
- Android xml 效果之 Shape Drawable
- 循环-14. 最大公约数和最小公倍数(15)
- ViewHolder的另一种写法