<!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。
发表评论
-
解决eclipse在修改js卡顿现象
2018-02-09 15:49 1280新版eclipse编辑含有javascript内容的jsp时, ... -
chosen 数据的动态更新
2016-09-08 15:28 1709chosen是个不错的复合下拉组件,缺点是文档较少 源码在gi ... -
优秀的弹层组件
2016-04-20 18:19 633http://layer.layui.com/ -
googleapis.com域名访问慢的解决办法
2016-04-13 12:09 8881、安装火狐 2、安装插件ReplaceGoogleCDN -
国内常用前端公共库CDN服务
2015-11-15 14:00 908BAIDU http://cdn.code.baidu.co ... -
jquery 事件处理handler函数的参数
2015-02-08 23:22 2543jquery 事件处理handler函 ... -
jquery tr rowindex
2014-11-30 13:42 857var tr = $(this).parents('tr' ... -
jqgrid please select row warning
2014-11-23 19:42 1681引入ui.jqgrid.css即可解决 -
改变多个jquery.ready的默认顺序
2014-11-23 15:37 1255$(document).ready 这个函数的解释: 引用 D ... -
javascript 错误的继承方式
2014-11-02 23:02 690var parent = {t:1,m:2,} pare ... -
JS图片格式验证
2014-07-03 16:48 864function pic(file){ var r ... -
更改underscorejs默认的匹配符
2014-06-14 11:51 804/** 修改underscore.js默认的< ... -
uglifyjs批量压缩js
2014-06-13 16:34 2388jquery官方使用uglifyjs进行压缩的,压缩比较高 ... -
html5 canvas作的手写板【兼容手机】
2014-05-21 15:56 5232<!DOCTYPE html> <ht ... -
backbone.js model和view视图的单元测试
2014-05-20 17:32 1313backbone的模块化开发,需要引入测试流程保证代码的质量, ... -
由正则表达式html或xml标签配对说起【括号编组和正负向预查】
2014-05-15 14:17 2432经常会查找xml或HTM ... -
netbeans和karma进行单元测试二【jasmine入门】
2014-05-20 15:43 1634karma配好之后,默认使用的是jasmine作为测试框架: ... -
javascript的代理和切面
2014-05-15 13:39 709Java里有面向切面的实现方式,可以监控包、对象、函数 ... -
backbone.js路由Router的使用
2014-05-09 11:33 1523路由的使用很简单,路由的转向 router.navigate( ... -
backbone.js的View里的事件重复调用
2014-05-09 11:18 1945backbone的一个视图被初始化多次后,发现一个按钮事 ...
相关推荐
jquery validate例子 能用
自做的一个简单的表单验证 jquery validate 表单验证 jquery validate 表单验证
jquery validate 验证手册
jquery validate 使用详解
JQuery validate中文详细文档
jQuery validate 验证 个性化验证
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
本压缩包包含: jquery validate依赖包及其帮助文档....
jQueryValidate
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/1068451
解决jquery validate remote 只验证一次的问题
jQuery Validate插件验证表单小练。
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
Jquery Validate修改版 提示信息以悬浮窗口显示
jquery validate 最稳定版本,最简单的使用方法:http://blog.csdn.net/s592652578/article/details/50845159
Jquery validate和form两个插件,完美进行表单验证和Ajax无刷新方式提交form表单,很有用的哦。
jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...
jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,...
官方下载的jQuery 验证控件,最新版本!妈妈再也不用担心我手动写验证了。
包含Jquery1.6,JqueryUI界面插件,JqueryForm表单异步提交插件,Jqueryvsdoc,VS2008提示插件,JqueryValidate表单验证插件