jQuery的Validate插件
Validate插件
为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。
该插件捆绑了一套有用的验证方法,包括URL和电子邮件验证,同时提供了一个用来编写用户自定义方法的API。
所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他37种语言
引入JS
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
默认校验规则
required:true
须输入的字段
remote:”check.php”
使用ajax方法调用check.php验证输入值
email:true
必须输入正确格式的电子邮件
url:true
必须输入正确格式的网址
date:true
必须输入正确格式的日期。日期校验ie6出错,慎用
dateISO:true
必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性
number:true
必须输入合法的数字(负数,小数)
digits:true
必须输入整数
creditcard:
必须输入合法的信用卡号
equalTo:”#field”
输入值必须和#field相同
accept:
输入拥有合法后缀名的字符串(上传文件的后缀)
maxlength:5
输入长度最多是5的字符串(汉字算一个字符)
minlength:10
输入长度最小是10的字符串(汉字算一个字符)
rangelength:[5,10]
输入长度必须介于5和10之间的字符串(汉字算一个字符)
range:[5,10]
输入值必须介于5和10之间
max:5
输入值不能大于5
min:10
输入值不能小于10
默认提示信息
messages: {required: "This field is required.",remote: "Please fix this field.",email: "Please enter a valid email address.",url: "Please enter a valid URL.",date: "Please enter a valid date.",dateISO: "Please enter a valid date ( ISO ).",number: "Please enter a valid number.",digits: "Please enter only digits.",creditcard: "Please enter a valid credit card number.",equalTo: "Please enter the same value again.",maxlength: $.validator.format( "Please enter no more than {0} characters." ),minlength: $.validator.format( "Please enter at least {0} characters." ),rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),range: $.validator.format( "Please enter a value between {0} and {1}." ),max: $.validator.format( "Please enter a value less than or equal to {0}." ),min: $.validator.format( "Please enter a value greater than or equal to {0}." )
}
Validate提供了中文信息提示包
位于下载包的dist/localization/messages_zh.js
可以将该本地化信息文件dist/localization/messages_zh.js引入到页面
引入JS
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
中文提示信息
(function( factory ) {if ( typeof define === "function" && define.amd ) {define( ["jquery", "../jquery.validate"], factory );} else {factory( jQuery );}
}(function( $ ) {/** Translated default messages for the jQuery validation plugin.* Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語)*/$.extend($.validator.messages, { required: "这是必填字段", remote: "请修正此字段", email: "请输入有效的电子邮件地址", url: "请输入有效的网址", date: "请输入有效的日期", dateISO: "请输入有效的日期 (YYYY-MM-DD)", number: "请输入有效的数字", digits: "只能输入数字", creditcard: "请输入有效的信用卡号码", equalTo: "你的输入不相同", extension: "请输入有效的后缀", maxlength: $.validator.format("最多可以输入 {0} 个字符"), minlength: $.validator.format("最少要输入 {0} 个字符"), rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"), range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"), max: $.validator.format("请输入不大于 {0} 的数值"), min: $.validator.format("请输入不小于 {0} 的数值") });
}));
jQuery的Validate插件相关推荐
- jQuery验证validate插件
灰常好用 jquery.validate.js 当然还是用插件.... 别忘记引用JQuery 自带类库 ------------------------------------------- 使用前 ...
- Jquery插件入门之Validate插件的简单使用
目录 一.jQuery插件 1.jQuery插件概述 2.Validate插件 一.jQuery插件 1.jQuery插件概述 jQuery插件机制概述 jQuery插件的机制很简单,就是利用jQue ...
- Jquery中使用Validate插件使表单验证更加简单
场景 效果 介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 UR ...
- jquery的validate表单验证表单注册插件
这款插件非常好用! 首先导入插件: <script src="js/jquery.validate.min.js" type="text/javascript&qu ...
- jQuery validate插件submitHandler提交导致死循环解决方法
作者:海底苍鹰 地址:http://blog.51yip.com/jsjquery/1511.html dom对像的提交form.submit();和jquery对像的提交$('').submit() ...
- jQuery之validate验证表单
访问jQuery validate官网下载最新插件 https://jqueryvalidation.org/ validate是用来验证表单的 以前我们都是用js手动验证 现在可以通过这个插件直接调 ...
- validate插件深入学习-01 小白从看透一个插件开始
没有编程基础的的我,即使看了一遍jq文档也不知道怎么写程序,一个新的插件看了也不知道怎么用. 总是想做自己会的,自己不会的永远不去触碰,就永远不会. 都说编程这东西,很多都有很像的地方了,一个语言学通 ...
- JQuery之常用插件
1.表单验证插件validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options ...
- 30 个最好的jQuery表单插件
jQuery 的出现为我们的开发工作带来了极大的便利,而众多的基于jQuery插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲,今天带给大家的是精心挑选的这30个最好的jQu ...
最新文章
- 怎么用mysql来统计消费金额限制_mysql——用户消费行为分析
- HDU-2612 Find a way
- 存储过程和函数——概述||创建存储过程||调用存储过程||查看存储过程||删除存储过程
- PWN学习总结(四)—— BROP
- java jobdetail_Java JobDetail.setName方法代码示例
- 网页变成灰色,对重大事件表示哀悼
- vue.js能美化界面吗_vue将单页面改造成多页面应用的方法
- 基于QEMU的NVRAM仿真
- BB:以太坊通胀提升至每天2.6万枚ETH
- HoverTree开发日志之验证码
- 【Python】- scrapy 爬取图片保存到本地、且返回保存路径
- 国外ipv6服务器网站,国外 ipv6 服务器地址
- DA14580外设篇之GPIO中断
- selenium借助pywinauto工具上传附件
- python 发送邮件实现 抄送,密送
- 8583 mac 字符选择 java 实现_转 8583包 mac算法
- 21世纪青年人最该阅读的书籍清单
- 反对将AI用于“自主武器”公开信:Stephen Hawking、Elon Musk,以及多位人工智能专家署名...
- 双基测试题计算机理论基础知识梳理,与时俱进的认识“双基”
- Viso跨职能流程图连接点操作
热门文章
- 剑指Offer_17_树的子结构
- bidirectional pathtracing算法学习
- [入门]MyEclipse+tomcat搭建java web环境
- __stdcall详解
- STM32F103单片机系统时钟部分归纳
- 抓取html的地址怎么写,html js 获取地址栏参数
- mysql物理优化_mysql物理优化器代价模型分析【原创】
- PKI/CA (4)根CA信任模型“概述”
- 2019天梯赛(总结-无题解)
- cgo的几种使用方式