jQuery Validate验证框架

最新推荐文章于 2019-09-02 00:29:36 发布

皓子啊

最新推荐文章于 2019-09-02 00:29:36 发布

阅读量135

点赞数

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。

默认的验证规则：
(1)、required:true 必输字段
(2)、remote:“remote-valid.jsp” 使用ajax方法调用remote-valid.jsp验证输入值
(3)、email:true 必须输入正确格式的电子邮件
(4)、url:true 必须输入正确格式的网址
(5)、date:true 必须输入正确格式的日期，日期校验ie6出错，慎用
(6)、dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)、number:true 必须输入合法的数字(负数，小数)
(8)、digits:true 必须输入整数
(9)、creditcard:true 必须输入合法的信用卡号
(10)、equalTo:"#password" 输入值必须和#password相同
(11)、accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
(12)、maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)、minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)、rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)、range:[5,10] 输入值必须介于 5 和 10 之间
(16)、max:5 输入值不能大于5
(17)、min:10 输入值不能小于10

应用于表单：

<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/jquery.validate.js" ></script>
<script type="text/javascript" src="js/messages_zh.js" ></script>
<script type="text/javascript">
	$(function(){
		$("#formId").validate({
			rules:{
				//字段的name属性:"校验器"
				userName:"required",//required在此含义是必填
				//字段的name属性:{校验器:值,校验器:值}
				passWord:{
					required:true,
					digits:true //digits是整数校验器,后面写true表示启动此校验器
				}
			}
		});
		
	})
	
</script>
<body>
	<form id="table">
用户名(必填)：<input name="userName" /><br />
密码：(必填数字):<input name="passWord" /><br />
<input type="submit" value="提交" />
</form>
</body>