JQuery Vcalidate 简介
来源:互联网 发布:上瘾网络剧 豆瓣评分 编辑:程序博客网 时间:2024/06/03 17:13
1.导入库
<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script><script src="../js/localization/messages_zh.js" type="text/javascript"></script>2. 初始化
$(".selector").validate({debug:true})把调试设置为默认。
$.validator.setDefaults({debug:true})submitHandler:通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交。
$(".selector").validate({submitHandler:function(form) {$(form).ajaxSubmit();}})ignore:对某些元素不进行验证。
$("#myform").validate({ignore:".ignore"})rules:自定义规则,key:value 的形式,key 是要验证的元素,value 可以是字符串或对象。
$(".selector").validate({rules:{name:"required",email:{required:true,email:true}}})messages:自定义的提示信息,key:value 的形式,key 是要验证的元素,value 可以是字符串或函数。
$(".selector").validate({rules:{name:"required",email:{required:true,email:true}},messages:{name:"Name不能为空",email:{ required:"E-mail不能为空",email:"E-mail地址不正确"}}})groups:对一组元素的验证,用一个错误提示,用 errorPlacement 控制把出错信息放在哪里。
$("#myform").validate({groups:{username:"fname lname"},errorPlacement:function(error,element) {if (element.attr("name") == "fname" || element.attr("name") == "lname") error.insertAfter("#lastname");else error.insertAfter(element);}, debug:true})Onubmit:类型 Boolean,默认 true,指定是否提交时验证。
$(".selector").validate({ onsubmit:false})
3. 表单验证
4. 自定义校验规则
addMethod:name, method, message
自定义验证方法
// 中文字两个字节jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for(var i = 0; i < value.length; i++){ if(value.charCodeAt(i) > 127){ length++; } } return this.optional(element) || ( length >= param[0] && length <= param[1] ); }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));// 邮政编码验证 jQuery.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value));}, "请正确填写您的邮政编码");
默认校验规则
0 0
- JQuery Vcalidate 简介
- jquery简介
- jQuery简介
- jQuery 简介
- jquery简介
- JQuery简介
- jQuery简介
- jQuery简介
- jQuery简介
- jQuery简介
- jquery简介
- jquery简介
- jQuery简介
- jquery简介
- jquery简介
- JQuery 简介
- JQuery 简介
- jquery 简介
- centos6.5部署svn服务器并同步到同机器的web目录
- HDU2446
- 测试
- 微信JSSDK上传,下载多媒体文件详情接口
- Linux C 内存管理
- JQuery Vcalidate 简介
- 从上往下打印二叉树
- 主存cache的地址映射
- hadoop、zookeeper、hbase在Linux中的安装
- Java的多线程机制:缓存一致性和CAS
- 对比
- sharepoint 2016 学习系列篇(16)-自定义列表应用篇-(5)列表的快速编辑功能
- NoSQL
- 关于web性能的思考与分享[01]——http性能