通过设置验证组件的showOnMouseOver属性为false,来实现非鼠标移入出现提示的验证效果。
1、基本使用
表单填写
用户名:*
请输入英文或数字
姓名:*
请输入20字以内的中文
密码:*
请输入6-11位的数字
密码确认:*
爱好:
*
性别:
*
年龄:*
请输入3位以内的数字
电子邮件: *
固定电话:*
如:010-29292929
英文名:*
请输入英文字母
手机号码:*
邮政编码:*
QQ:*
4-9位数字
非法字符: *
IP地址:*
非负整数:*
正负小数:*
请输入4位以内的小数(正负均可)
正负整数与小数:*
请输入整数或小数(正负均可)
单选下拉框:*
树形单选下拉框:
*
多选下拉框:
*
树形多选下拉框:
*
数字步进器:*
软键盘控件:*
自动提示框:
*
日期选择框:*
条件过滤器:
*
双向选择器:
*
树形双选器:
*
文本域:
*
组合下拉框:
*
同步上传控件:
*
请上传图片
2、手动触发验证

点击按钮后,对上面的表单手动触发一次验证。

手动验证多用于异步提交表单的情况。在提交表单前手动验证,如果验证通过再调用函数进行表单的异步提交。详见:表单异步提交内容

3、ajax验证
此示例由后台支持
可输入已存在用户名进行测试,例如:guest、an、kong、yang等
用户名:*
4、为动态创建的表单添加验证
5、为元素动态添加并触发验证 此例为复选框选中后,电子邮件必填;不选中则为非必填项。
表单填写
用户名: *
是否愿意留下邮箱:
电子邮件:
6、设置不允许输入的内容 此例中,不允许输入admin
表单填写
用户名: *
可对一个文本框可同时设置多个不允许输入的内容。
7、页面添加验证函数 此例中,不允许输入小于50的数字
表单填写
金额: *
此方式有两个特点:
1、在页面中添加规则函数,这样可以在不改变规则文件validationRule.js的前提下添加个性化的验证。
2、可以不用正则表达式,而是通过一些规则计算来判断是否符合要求。不符合规则的话让该函数返回true即可。