jQuery插件—validate

最新推荐文章于 2025-04-05 18:14:53 发布

Kevin_C_F

最新推荐文章于 2025-04-05 18:14:53 发布

阅读量451

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery插件文章标签： jQuery validate

本文链接：https://blog.csdn.net/u010958922/article/details/46306717

jquery插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍了jQuery Validate插件的基本用法，包括如何在表单中应用验证规则、设置错误消息以及实现国际化等功能，并提供了样例代码。

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

jQuery插件—validate

#陈远宏 2015-5-22

官网链接及文档
jQuery.validate插件主要用于给表单添加前端的验证。

1、用法

下载jQuery.validate。并且引用到页面（需要连通jQuery库一同引入）
给所需表单添加配置

 $("#commonForm").validate();

给表单的所需项添加设置：
此处方法有几种，一种是直接在input标签内设置（属性+class），一种是通过js语言设置。

属性+class

 <input type="text" class="required number" max="10" name="t1">

即给input添加了_必填项_、并且需要是_数字_的属性

js代码

 $('#test_form').validate({   
 rules:{   
      t2 : {required:true,number:true}   
 },   
 messages:{t2:{required :"这个字段你必须填！",number:"这个字段真可以是数字"}}   
 });

rules对象表示需要制定的规则
messages对象表示违反制定的规则时，显示的提示语言。

2、提示的样式

一般而言，所有错误的label的都为label.error，如果没有特别要求，直接改动css文件里面的lable.error类就可以了。

3、国际化

验证信息默认为中文，如果需要，则需要引入中文验证的信息库
在引用script文件时，可以在引用中加入charset=“utf-8”的属性，防止乱码

 <script type="text/javascript" src="lib/jquery-1.4.2.min.js" charset="utf-8"></script>

参考文章:jquery.validate使用,csdn