首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
Validate验证库知识点的详解_jquery_脚本之家,Validate验证库的使用介绍_jquery_脚本之家
发布时间:2019-12-28 20:36
浏览次数:

jQuery.Validate验证库1、下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载

1、如果设置了errorContainer、errorLabelContainer、wrapper,则errorPlacement不起作用复制代码 代码如下:... $.ready{ $.validate({ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper: "li", debug:true,...errorContainer: 可以配置多个容器,这里的messageBox2元素没有被包装处理,只是错误发生的时候显示和隐藏此元素

今天浏览jQuery的deprecated列表,发现live在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on两个函数统一处理事件绑定。因为在此之前有bind等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。

js部分: 复制代码 代码如下: var checkboxs = document.getElementsByTagName; for(var i=0;ihtml的repeater 复制代码 代码如下:

默认校验规则复制代码 代码如下:required:true 必输字段remote:"check.php" 使用ajax方法调用check.php验证输入值email:true 必须输入正确格式的电子邮件url:true 必须输入正确格式的网址date:true 必须输入正确格式的日期dateISO:true 必须输入正确格式的日期,例如:2009-06-23,1998/01/22 只验证格式,不验证有效性number:true 必须输入合法的数字digits:true 必须输入整数creditcard: 必须输入合法的信用卡号equalTo:"#field" 输入值必须和#www.64222.com,field相同accept: 输入拥有合法后缀名的字符串maxlength:5 输入长度最多是5的字符串minlength:10 输入长度最小是10的字符串rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")range:[5,10] 输入值必须介于 5 和 10 之间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 .", dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.", number: "Please enter a valid number.", numberDE: "Bitte geben Sie eine Nummer ein.", digits: "Please enter only digits", creditcard: "Please enter a valid credit card number.", equalTo: "Please enter the same value again.", accept: "Please enter a value with a valid extension.", 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}.") },如需要修改,将以下js代码保存为:messages_cn.js,并在页面中引用: 复制代码 代码如下:

errorLabelContainer:显示错误信息的容器,根据校验结果隐藏或者显示错误容器。

on(events,[selector],[data],fn)

复制代码 代码如下:jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 .", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.validator.format("请输入一个长度最多是 {0} 的字符串"), minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), max: jQuery.validator.format, min: jQuery.validator.format;使用方式1、将校验规则写到控件中复制代码 代码如下:

wrapper: 显示错误信息的外层标签名称.

events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。

使用的方式,必须引入包:jquery.metadata.js

errorElement: 指定显示校验错误信息的html标签名称

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略,当它到达选定的元素,事件总是触发。

可以使用如下的方法,修改提示内容 复制代码 代码如下:上面代码表示:如果firstname域不填写任何内容,则提示:请输入内容。那么,如果填写的内容长度小于5的话,提示用户,该如何写呢?请看下面代码:复制代码 代码如下:注意:在使用equalTo关键字时,后面的内容必须加上引号,如下代码: 复制代码 代码如下:另外一个方式,使用关键字:meta

比如errorElement设置为span的情况

Validate验证库知识点的详解_jquery_脚本之家,Validate验证库的使用介绍_jquery_脚本之家。data:当一个事件被触发时要传递event.data给事件处理函数。

例如,将上面示例中的代码改为关键字meta形式,代码如下:复制代码 代码如下:

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有