欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」JQueryValidation是一个功能强大的表单验证插件

作者 : 自学哈 本文共2519个字,预计阅读时间需要7分钟 2023-07-26 共69人阅读
也想出现在这里? 联系我们

JQueryValidation是一个功能强大的表单验证插件

 

jQuery Validate插件为表单提供了强大的验证功能,使客户端表单验证更加容易,并提供了广泛的定制选项以满足应用程序的需求。该插件捆绑了一组有用的验证方法,包括URL和E-mail验证,并提供了用于编写用户定义方法的API。所有捆绑方法都使用英语作为默认错误消息,并且已经被翻译成37种其他语言。

JQueryValidation是一个功能强大的表单验证插件   JQuery Validation项目地址:https://github.com/jzaefferer/jquery-validation   JQuery Validation演示地址:https://jqueryvalidation.org/files/demo/   JQuery Validation下载地址:http://jqueryvalidation.org/files/jquery-validation-1.15.0.zip

默认校验规则

序号 规则 描述
1 required:true 必须输入的字段。
2 remote:”check.php” 使用 ajax 方法调用 check.php 验证输入值。
3 email:true 必须输入正确格式的电子邮件。
4 url:true 必须输入正确格式的网址。
5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。
6 dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
7 number:true 必须输入合法的数字(负数,小数)。
8 digits:true 必须输入整数。
9 creditcard: 必须输入合法的信用卡号。
10 equalTo:”#field” 输入值必须和 #field 相同。
11 accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。
12 maxlength:5 输入长度最多是 5 的字符串(汉字算一个字符)。
13 minlength:10 输入长度最小是 10 的字符串(汉字算一个字符)。
14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。
15 range:[5,10] 输入值必须介于 5 和 10 之间。
16 max:5 输入值不能大于 5。
17 min:10 输入值不能小于 10。

使用示例:

<form class=”cmxform” id=”commentForm” method=”get” action=””>   <fieldset>     <legend>Please provide your name, email address (won’t be published) and a comment</legend>     <p>       <label for=”cname”>Name (required, at least 2 characters)</label>       <input id=”cname” name=”name” minlength=”2″ type=”text” required>     </p>     <p>       <label for=”cemail”>E-Mail (required)</label>       <input id=”cemail” type=”email” name=”email” required>     </p>     <p>       <label for=”curl”>URL (optional)</label>       <input id=”curl” type=”url” name=”url”>     </p>     <p>       <label for=”ccomment”>Your comment (required)</label>       <textarea id=”ccomment” name=”comment” required></textarea>     </p>     <p>       <input class=”submit” type=”submit” value=”Submit”>     </p>   </fieldset> </form> <script> $(“#commentForm”).validate(); </script>

jQuery Validate提供了中文信息提示包,位于下载包的 dist/localization/messages_zh.js,内容如下:

(function( factory ) {
if ( typeof define === "function" && define.amd ) {
define( ["jquery", "../jquery.validate"], factory );
} else {
factory( jQuery );
}
}(function( $ ) {

/*
 * Translated default messages for the jQuery validation plugin.
 * Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語)
 */
$.extend($.validator.messages, {
required: "这是必填字段",
remote: "请修正此字段",
email: "请输入有效的电子邮件地址",
url: "请输入有效的网址",
date: "请输入有效的日期",
dateISO: "请输入有效的日期 (YYYY-MM-DD)",
number: "请输入有效的数字",
digits: "只能输入数字",
creditcard: "请输入有效的信用卡号码",
equalTo: "你的输入不相同",
extension: "请输入有效的后缀",
maxlength: $.validator.format("最多可以输入 {0} 个字符"),
minlength: $.validator.format("最少要输入 {0} 个字符"),
rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),
range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"),
max: $.validator.format("请输入不大于 {0} 的数值"),
min: $.validator.format("请输入不小于 {0} 的数值")
});

}));

 

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」JQueryValidation是一个功能强大的表单验证插件
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号