正文
jquery表单验证插件,jquery表单验证插件validate为什么查不到
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jQuery插件form-validation-engine正则表达式操作示例
本文实例讲述了jQuery插件form-validation-engine正则表达式操作。分享给大家供大家参考，具体如下：
form-validation-engine是一个不错的表单验证插件，示例如下：
(function($)
{
$.fn.validationEngineLanguage
=
function()
{};
$.validationEngineLanguage
=
{
newLang:
function()
{
$.validationEngineLanguage.allRules
=
{"required":{
//
Add
your
regex
rules
here,
you
can
take
telephone
as
an
example
"regex":"none",
"alertText":"*
必选字段",
"alertTextCheckboxMultiple":"*
请选择选项",
"alertTextCheckboxe":"*
需要这个复选框"},
"length":{
"regex":"none",
"alertText":"*在
",
"alertText2":"
和
",
"alertText3":
"
之间"},
"maxCheckbox":{
"regex":"none",
"alertText":"*
检查允许超过"},
"minCheckbox":{
"regex":"none",
"alertText":"*
请选择
",
"alertText2":"
选项"},
"confirm":{
"regex":"none",
"alertText":"*
你的字段不匹配"},
"telephone":{
"regex":"/^[0-9\-\(\)\
]+$/",
"alertText":"*
无效的号码"},
"email":{
"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
"alertText":"*
无效的邮箱"},
"date":{
"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
"alertText":"*
无效的日期，必须是YYYY-MM-DD的格式"},
"onlyNumber":{
"regex":"/^[0-9\
]+$/",
"alertText":"*
只允许输入数字"},
"noSpecialCaracters":{
"regex":"/^[0-9a-zA-Z]+$/",
"alertText":"*
有非法字符"},
"ajaxUser":{
"file":"validateUser.php",
"extraData":"name=eric",
"alertTextOk":"*
这个用户是合法的",
"alertTextLoad":"*
加载中，请等待",
"alertText":"*
这个用户已经存在"},
"ajaxName":{
"file":"validateUser.php",
"alertText":"*
这个名字已经被使用",
"alertTextOk":"*
这个名字是可以的",
"alertTextLoad":"*
加载中，请等待"},
"onlyLetter":{
"regex":"/^[a-zA-Z\
\']+$/",
"alertText":"*
只允许输入字母"},
"validate2fields":{
"nname":"validate2fields",
"alertText":"*
你必须有姓和名"}
}
}
}
})(jQuery);
$(document).ready(function()
{
$.validationEngineLanguage.newLang()
});
这里面有不少正则表达式，很有意思。
很有意思的form表单验证。
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
正则表达式在线生成工具：
更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关问答
Q1: 用jquery的validate插件验证表单元素的值，验证checkbox时出错，求大神帮忙，万分感谢啊！
jquery.validate最方便的验证方式是在class里边写验证规则，这种写法也支持动态加载的元素，楼主可以了解一下
另外，你这里的checkbox是是不会参加校验的，返回false可能是其他原因
Q2: jQuery表单验证插件获取输入有误时的提示信息
代码没有,可以告诉你怎么做.
你可以直接就在表单里把要提示的内容写好,然后用display先隐藏,jquery判断时,如果发现输入有误,就将要提示的内容显示就可以了.display显示时会自动加高表单的高度的.
Q3: 怎么使用jquery验证表单
这里提供两个牛B的常用的jQuery表单验证插件：
1、实例讲解表单验证插件Validation的应用
2、Validetta : 轻量级的表单验证工具
