jquery.validate.min.js 插件

最新推荐文章于 2024-03-14 07:00:00 发布

社会你杰哥

最新推荐文章于 2024-03-14 07:00:00 发布

阅读量6k

点赞数 1

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

本文链接：https://blog.csdn.net/lllllllllaaa/article/details/77801068

版权

本文详细介绍了如何使用jquery.validate.min.js插件进行表单验证，包括导入库、默认校验规则、提示信息的自定义以及常见方法和注意事项。通过示例代码展示了如何设置验证规则、自定义错误消息、异步验证等，还涵盖了radio、checkbox和select的验证方法。

摘要由CSDN通过智能技术生成

注意：（在这里我导入的单单是jquery.validate.min.js，没有导入jq的其它，不要忘记哦）

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

(1)、required:true               必输字段

(2)、remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值

(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:true             必须输入合法的信用卡号

(10)、equalTo:"#password"        输入值必须和#password相同

(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

默认的一般是英文写的，如下：

messages: {

required: "This field is required.",

remote: "Please fix this field.",

email: "Please enter a valid email address.",

url: "Please enter a valid URL.",

date: "Please enter a valid date.",

dateISO: "Please enter a valid date (ISO).",

dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",

number: "Please enter a valid number.",

numberDE: "Bitte geben Sie eine Nummer ein.",

digits: "Please enter only digits",

creditcard: "Please enter a valid credit cardnumber.",

equalTo: "Please enter the same value again.",

accept: "Please enter a value with a validextension.",

maxlength: $.validator.format("Please enter no morethan {0} characters."),

minlength: $.validator.format("Please enter at least{0} characters."),

rangelength: $.validator.format("Please enter avalue between {0} and {1} characters long."),

range: $.validator.format("Please enter a valuebetween {0} and {1}."),

max: $.validator.format("Please enter a value lessthan or equal to {0}."),

min: $.validator.format("Please enter a valuegreater than or equal to {0}.")

注意：这些都可以在js中修改，如下：

$.extend($.validator.messages, {

    required: "必选字段",

    remote: "请修正该字段",

    email: "请输入正确格式的电子邮件",

    url: "请输入合法的网址",

    date: "请输入合法的日期",

    dateISO: "请输入合法的日期 (ISO).",

    number: "请输入合法的数字",

    digits: "只能输入整数",

    creditcard: "请输入合法的信用卡号",

    equalTo: "请再次输入相同的值",

    accept: "请输入拥有合法后缀名的字符串",

    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} 的值")

});

附赠简单参考代码一份：

<!DOCTYPE html>
<html>
<head lang="en">
<

关注

专栏目录