`
风过无声
  • 浏览: 88036 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery-validation-1.13.1（一）属性配置法

 
阅读更多

1.attribute-validate.html

<html>
	<head>
		<meta charset="UTF-8" />
		<script src="jquery-1.6.4.js" type="text/javascript"></script>
		<script src="jquery.validate.min.js" type="text/javascript"></script>
		<script language="javascript">
		<!--
		$(function(){
			$("#validate").validate();
		});
		-->	
		</script>
	</head>
	<body>
		<form id="validate">
			<p>
			NAME(Required,8-20,Not-Existed,remote):
			<input type="text" id="name" name="name" minlength="8" maxlength="20" remote="isExisted.html" required/>
			</p>
			<p>remote请求的响应只能返回简单的true/false,并且此时name属性值不能为空(请求参数名字)</p>
			<p>
			PASSWORD(Required,8-20):
			<input type="text" id="password" name="password" rangelength="[8,20]" required/>
			</p>
			<p>
			PASSWORD-CONFIRM(Required,8-20,equalTo:#password):
			<input type="text" id="passwordConfirm" name="passwordConfirm" rangelength="[8,20]" equalTo="#password" required/>
			</p>
			<p>equalTo值为JQuery表达式</p>
			<p>
			EMAIL(Required,email):
			<input type="email" id="email" name="email" required/>
			<p>设置方式:type="email"或者email="true"</p>
			</p>
			<p>
			HOMEPAGE(Required,url):
			<input type="text" id="homepage" name="homepage" url="true" required/>
			<p>设置方式:type="url"或者email="url"</p>
			</p>
			<p>
			Height(Required,0-300,number):
			<input type="text" id="height" name="height" range="[0,300]" number="true" required/>CM
			</p>
			<p>
			Age(Required,0-200,digits):
			<input type="text" id="age" name="age" min="0" max="200" digits="true" required/>
			</p>
			<p>
			<input type="submit" value="提交"/>	
			</p>
		</form>
	</body>
</html>

2.isExisted.html

true

3.参考资料

http://jqueryvalidation.org/documentation/

分享到：
| jQuery Validate 1.1.2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics