jquery validate使用

最新推荐文章于 2025-06-21 10:46:16 发布

原创最新推荐文章于 2025-06-21 10:46:16 发布 · 806 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery validate #validate动态校验 #validate动态代码校验 #动态代码的validate校验

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了jQuery Validate的三种使用方式，包括通过class定义、直接定义rules以及动态添加规则。还探讨了如何结合后台进行远程校验，以及如何处理动态增删和隐藏元素的校验问题。强调了动态添加校验时选择器和输入框name、id的唯一性，以及在保存或提交时进行校验的重要性。

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

关于jquery的使用最近有点心得，记录在这
1、jquery validate的使用方式具体可以使用三种方式：
①、通过class定义，使用class定义必须引入jquery.metadata.js
②、通过 $validate({rules:{}})的方式直接定义 ③、通过$ ().rules(“add”,{})的方式动态添加
2、jquery validate通过后台校验的方式进行验证
validate提供了remote的形式，可以通过访问后台进行具体的校验

$("").validate({
  rules: { 
   name: {remote:{
    url:url,//(访问路径)
    cache:false,//（是否缓存）
   async:false,//（同步或异步）
    type:"post",//（请求类型）
    dataType:"json",//（请求数据类型）
    data:{}//（参数）
   }})

3、jquery validate对于动态增减或者隐藏代码的校验
通过js后台增减代码，同时绑定validate校验的情况，可以通过动态增加校验的形式使用$().validate({rules:{}})方式增加校验，但是选择器必须是唯一的，并且该输入框的name必须唯一，如果name不唯一与其他的校验name相同的话在获取form 校验的时候只会获取第一个name的数据；输入框的id必须唯一，以为validate校验的提示是根据id去追加的，如果不唯一那么提示的位置将会不准确。
对于存在代码隐藏展现形式的情况，建议所有的必填校验可以通过点击保存或者提交的时候进行，通过

	$("").find("[tag=aaa]").each(function(){
		$(this).rules("add",{required:true});
    	});

的形式进行动态的遍历添加，当然有些也是需要删除的，否则form表单提交的时候回出现不报任何错误但是保存或提交不起作用的情况。
好了，就这些吧，欢迎有问题互相交流