$(document).ready(function(){
$("#demoForm").validate({
rules:{
username:{ //name 指的是name值不是ID
required:true,
minlength:2,
maxlength:10,
rangelength:[2,10] //长度范围,这样就不用最大、最小了
},
password:{
required:true
}
},
message:{
username:{
required:"必填项",
rangelength:"用户名在2-10之内"
},
password:{
required:"必填项"
}
}
});
});
基本API:
method:校验的方法
rule : 规则
在validate 方法中 加上 debug:true //在校验成功后,是不会进行提交操作的
基本的验证方法:
remote :远程校验
在rule规则中使用
min :表示的值 (最小数、最大数、数字范围) minlength :长度
email:邮箱格式 URL :URL格式
$("#demoFrom").validate({
rules:{
username:{
remote:{
url:"",
method:"POST",
date:{
loginTime:function(){
return +new date(); //另外多加一个参数
}
}
}
}
},
message:{
username:{
remote:"用户名错误" //remote 信息提示
}
}
});
[b]
validate : 进阶功能
[/b]
valid()
检查表单是否正确 $("#demoFrom").valid()
rule() 方法, 获取的是节点的规则
[b]
validate 静态方法
[/b]
validate配置项
submitHandler:function(form){ //通过验证后运行的
},
invalidHandler:function(event,validator){ //验证不通过后触发的方法,无效表单提交后运行的函数
}[b][/b]
//追加错误信息的位置
$("#demoFrom").validate({
groups:{
login:"username password";
},
errorPlacement:function(error,element){
error.insertBefore("#info"); //info 要追加的位置的节点
}
});
配置项 : onsubmit :是否在提交时进行验证,默认是true
onfocusout:是否在获取焦点的时候进行验证
onkeyup : 是否在敲击键盘的时候进行验证
onclick : 是否在鼠标点击的时候进行验证 一般用于checkbox或者radio
errorClass : 错误提示的css样式,可以自定义
validClass: 指定验证通过的css样式
errorElement 使用什么标签标记错误
wrapper :使用什么标签把上面的标签包装起来
errorLabelContainer:把错误信息统一放在一个容器里面
errorContainer:显示或者隐藏验证信息可以自动实现有错误时,出现把容器标记为显示,没错误时标记为隐藏
validate 自带的选择器
:blank 选择值为空 的元素 即取消空格后的值的长度是否等于零
:filled 选择所有值不为空的元素 与上面正好相反
:unchecked 所有的没有被选中的元素
validate自定义的验证方法
jQuery.validator.addMethod(name,method,[,message])
name: 方法名
method 方法体 function(value, element,params){}
message :提示信息 可选
分享到:
相关推荐
jQuery表单校验插件validate实例代码集 有多个表同的表单,来共同展现表单验证插件的各种用法,包括判断字符、输入为空、类型判断、适时Ajax方式提示等,通过这些实例可快速掌握验证的方法和要点,此前,源码爱好者...
jQuery表单校验插件validate实例代码集展现了插件的各种用法.zip
我看到过的表单校验最好的插件 里面涵盖挺多方面的,很实用!
2.表单校验插件validator的基本语法 在rules中通过校验规则名称使用校验规则 ,在messages中定义该规则对应的错误提示信息。 <!-- 需要引入的文件 --> [removed][removed] [removed][removed] <
这是一款jQuery表单插件
通用的表单校验JS,只需要导入Js文件就行。
这个前端的jquery的表单校验插件,使用起来很方便,可以大大的减少我们开发者对于表单校验的工作。而且支持自定义验证规则,功能强大。
jQuery的表单校验插件validate
jQuery Validate 插件依赖 jQuery 库,使用前需要先导入 jQuery的 js 文件,再导入 jquery.validate.js 插件,可以再导入中文提示信息文件 messages_zh.js
jquery的基础使用和表单校验插件的使用。
封装了 jquery校验需要的源码 与使用文档 不要怕你是菜鸟 很快就可运用
对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、日期等等这些控制,别的表单校验控件是代码里写死的,而...
最基本jquery校验用户名密码,表单提交用户
作者主页:http://wzmaodong.cnblogs.com/<br>功能介绍: jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:...
依赖jQuery的表单校验脚本,在使用此脚本之前请先引入jQuery文件
该压缩包是jQuery的form表单校验插件,demo文件夹中是其说明文档,使用方法比较简单,查看说明文档都可以快速使用