通过设置验证组件的showOnMouseOver属性为false,来实现非鼠标移入出现提示的验证效果。
1、基本使用
表单填写
用户名:
*
请输入英文或数字
姓名:
*
请输入20字以内的中文
密码:
*
请输入6-11位的数字
密码确认:
*
爱好:
唱歌
跳舞
*
性别:
男
女
*
年龄:
*
请输入3位以内的数字
电子邮件:
*
固定电话:
*
如:010-29292929
英文名:
*
请输入英文字母
手机号码:
*
邮政编码:
*
QQ:
*
4-9位数字
非法字符:
*
IP地址:
*
非负整数:
*
正负小数:
*
请输入4位以内的小数(正负均可)
正负整数与小数:
*
请输入整数或小数(正负均可)
单选下拉框:
*
树形单选下拉框:
*
多选下拉框:
*
树形多选下拉框:
*
数字步进器:
*
软键盘控件:
*
自动提示框:
*
日期选择框:
*
条件过滤器:
*
双向选择器:
*
树形双选器:
*
文本域:
*
组合下拉框:
MP3格式
WMA格式
AVI格式
WAVE格式
MIDI格式
MPEG格式
TIF格式
PNG格式
JPEG格式
TGA格式
GIF格式
BMP格式
*
同步上传控件:
*
请上传图片
2、手动触发验证
点击按钮后,对上面的表单手动触发一次验证。
手动验证多用于异步提交表单的情况。在提交表单前手动验证,如果验证通过再调用函数进行表单的异步提交。详见:表单异步提交内容
3、ajax验证
此示例由后台支持
可输入已存在用户名进行测试,例如:guest、an、kong、yang等
用户名:
*
4、为动态创建的表单添加验证
5、为元素动态添加并触发验证
此例为复选框选中后,电子邮件必填;不选中则为非必填项。
表单填写
用户名:
*
是否愿意留下邮箱:
电子邮件:
6、设置不允许输入的内容
此例中,不允许输入admin
表单填写
用户名:
*
可对一个文本框可同时设置多个不允许输入的内容。
7、页面添加验证函数
此例中,不允许输入小于50的数字
表单填写
金额:
*
此方式有两个特点:
1、在页面中添加规则函数,这样可以在不改变规则文件validationRule.js的前提下添加个性化的验证。
2、可以不用正则表达式,而是通过一些规则计算来判断是否符合要求。不符合规则的话让该函数返回true即可。