欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery validate 1.14

程序员文章站 2022-07-08 16:20:07
...

jquery validate 1.14
            
    
    博客分类: JavaScript  




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/static/assets/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.metadata.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="/static/assets/js/jquery.validate.message_cn.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#commentForm').validate({debug:true});
		console.log($('#cname').metadata());
		});
</script>

<title>验证方法</title>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<p>
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" name="name" minlength="2" type="text" required>
</p>
<p>
<label for="cemail">E-Mail (required)</label>
<input id="cemail" type="email" name="email" required>
</p>
<p>
<label for="curl">URL (optional)</label>
<input id="curl" type="url" name="url">
</p>
<p>
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" name="comment"  required></textarea>
</p>
<p>
<label for="ccomment">password (required)</label>
<input id="password" type="password" name="password" required>
</p>
<p>
<label for="ccomment">confirm  password(required equalTo)</label>
<input id="confirmpassword" type="password" name="confirmpassword" required equalTo="#password" data-msg-equalTo="请与第一次输入的密码一致!">
</p>
<p>
<input class="submit" type="submit" value="Submit">
</p>
</fieldset>
</form>



</body>
</html>



默认校验规则
序号 规则 描述
1 required:true 必须输入的字段。
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。
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: 必须输入合法的信用卡号。
10 equalTo:"#field" 输入值必须和 #field 相同。
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。
  • jquery validate 1.14
            
    
    博客分类: JavaScript  
  • 大小: 165.5 KB