<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> 表单验证
1、基本使用
表单填写
用户名:* 姓名:*
密码:* 密码确认:*
爱好:
*
性别:
*
年龄:* 电子邮件: *
固定电话:* 英文名:*
手机号码:* 邮政编码:*
QQ:* 非法字符: *
IP地址:* 非负整数:*
正负小数:* 正负整数与小数:*
单选下拉框:* 树形单选下拉框:
*
多选下拉框:
*
树形多选下拉框:
*
数字步进器:* 软键盘控件:*
自动提示框:
*
日期选择框:*
条件过滤器:
*
双向选择器:
*
树形双选器:
*
文本域:
*
组合下拉框:
*
同步上传控件:
* (可验证文件格式)
2、手动触发验证

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

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

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