关于validate如何使用自定义验证方法,以及一些基本的操作

最新推荐文章于 2025-06-18 21:31:04 发布

原创最新推荐文章于 2025-06-18 21:31:04 发布 · 置顶 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#validate #表单验证

前端插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在jQuery中使用validate插件进行表单验证的方法，包括设置验证规则、自定义验证方法和错误信息提示。通过jQuery.validator.addMethod()添加自定义验证规则，并演示了如何编写正则表达式进行复杂字符校验。同时，文章还展示了如何调整错误信息的显示位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首页我们先导入validate插件(也要导入jQuery插件哦!)

$("#form-data")为form表单上的ID,而rules为验证规则,messages则是相应的提示信息

一. $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲form-data").val\dots$ ’,
},
},
messages:{
logname:{
required:‘账号不能为空’,
regex:‘账号只能为6-20位的中英文数字以及@和英文小点等特殊字符’,
},
},
});
就下来就是如何添加自定义方法,( **jQuery.validator.addMethod()和 $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲form-data").val\dots$ ("#form-data").validate()里面的规则以及提示信息,顾名思义,当我们使用 jQuery.validator.addMethod()它时, $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲form-data").val\dots$ ("#form-data").validate()里面自定义方法regex对应的值,
3,而第三个参数则是默认的提示信息,当regex没有对应的提示信息,则会使用此默认信息进行提示
二. jQuery.validator.addMethod(“regex”,function(value,element,params){
var exp = new RegExp(params);
return exp.test(value);
},“格式错误”);

注意: 若我们在设 regex:’¹{6,20} $KaTeX parse error: Can't use function '\.' in math mode at position 94: … = /^[a-zA-Z0-9\̲.̲@]{6,20}$ /,
三.错误信息提示位置
我们使用
errorPlacement:function(error,element) {
error.appendTo(element.parent(‘div’).siblings(‘em’));
},此方法可以改变错误信息提示位置

$KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲form-data").val\dots$ ',
},
},
messages:{
logname:{
required:‘账号不能为空’,
regex:‘账号只能为6-20位的中英文数字以及@和英文小点等特殊字符’,
},
},
});

a-zA-Z0-9.@ ↩︎