jquery validate 1.14 -

powertech

浏览: 530952 次

最近访客更多访客>>

zdfjt

wxwshdt

qijjmyth

ppgg908

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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。

查看图片附件

分享到：

linux 根据名字杀进程ID | java String writer reader

2015-10-12 20:14
浏览 790
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery validate 1.14

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery validate 1.14

评论

发表评论

相关推荐

解决eclipse在修改js卡顿现象

chosen 数据的动态更新

优秀的弹层组件

googleapis.com域名访问慢的解决办法

国内常用前端公共库CDN服务

jquery 事件处理handler函数的参数

jquery tr rowindex

jqgrid please select row warning

改变多个jquery.ready的默认顺序

javascript 错误的继承方式

JS图片格式验证

更改underscorejs默认的匹配符

uglifyjs批量压缩js

html5 canvas作的手写板【兼容手机】

backbone.js model和view视图的单元测试

由正则表达式html或xml标签配对说起【括号编组和正负向预查】

netbeans和karma进行单元测试二【jasmine入门】

javascript的代理和切面

backbone.js路由Router的使用

backbone.js的View里的事件重复调用

最近访客更多访客>>