jQueryValidate初步体验(二)_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQueryValidate初步体验(二)_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4705字,纯文字阅读大概需要7分钟。
内容图文
![jQueryValidate初步体验(二)_jquery](/upload/InfoBanner/zyjiaocheng/329/231fad21d7e143f48e5b8bded785b84f.jpg)
刚刚试了所谓的新版的用法。千万别问我是多新,因为我也不知道。。。
个人感觉这种用法比通过javascript自定义验证规则,要方便和简单多了。昨天在刚开始自定义的时候,总是无法正确的提示,当时完全不知道为什么。直到检查了多遍才发现,原来是因为我的rules里的键值对之间漏了一个逗号。所以,如果默认的校验规则已经满足你的验证需求,而你只是想改变一下提示语。那我个人建议你用这种新版的用法,当然也可以用 系列(一) 里的方法
二。具体看情况自己选择。
还有我上面的提示都是默认的黑色,身为提示,那样也太没存在感了。
为了增加存在感,你只需要在
之间插入下面的代码就可以了。请注意上面的#号后面跟着是表单的ID,你需要改成你自己相应的表单ID。我昨天尝试的时候,找到的资料里写的是#frm。当时我还以为#frm又是我没接触过的新用法呢,我还一直疑惑,为什么我的提示不显示成红色。基础差哎。。。
如果默认的验证规则已经不能满足你的需求,那么接下来,你就得自定义验证规则了。
比如,这里有一个需求,要你检查用户输入的邮编是否合法,这时你就得自定义验证规则了,使用的方法是jQuery.validator.addMethod()。
当然,你也可以把这个验证规则提取出来存到一个JS文件里,然后在要用的地方引入JS文件。
接下来,就要好好说说jQuery.validator.addMethod() 这个方法,这个方法一共有三个参数。
第一个参数 :“isZipCode” 是定义方法名,必须保证方法名唯一。
第二个参数:是一个回调(callback)函数。
这个回调函数有三个参数:
第一个:value ,是当前被验证的元素的值。
第二个:element,是当前被验证的元素。
第三个:param,是传入的参数,例如: minlength : 6 里的参数为6; rangelength:[2,10] 里的参数为2和10。当你没有传入参数,这个可以省略不写。
在这个回调函数里有一个this.optional(element)函数要特别注意。当表单的输入值为空时,即element的值为空,this.optional(element)的返回值为true,类似于判空操作,也就是说该表单输入项不是必填项,当不填时通过了验证。如果element的值不为空,this.optional(element)的返回值就是false,这时就要根据 || 后面的验证来判断最终的返回为true 或false。所以当某个输入项不是必填项但如果填写了又需要按照一定的规则来验证的时候,一定要记得带上this.optional(element)。
第三个参数:验证的提示信息。
这个参数可以直接是一句提示信息,例如,"这是必填字段";也可以通过创建函数jQuery.validator.format(value)来显示,例如,$.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),其中 {0} {1} 代表该方法的参数,也就是回调(callback)函数里的第三个参数param。
官网提供的additional-methods.js里包含一些常用的验证方式,比如lettersonly,ziprange,nowhitespace等,但我粗略的看了一下,发现大部分只是仅供参考,实用性不强,不能直接使用。
我整理了几个网上找到的验证规则,当然也仅供参考。验证规则的核心就是正则表达式,这个得学。
如果有什么地方写错了或者写的不够好,希望大大们能提出来。还有,欢迎留言评论,一起学习。
内容总结
以上是互联网集市为您收集整理的jQueryValidate初步体验(二)_jquery全部内容,希望文章能够帮你解决jQueryValidate初步体验(二)_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。