验证表单插件

Posted Zwyooo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了验证表单插件相关的知识,希望对你有一定的参考价值。

今日了解了一个关于表单验证的插件,叫做jquery validate,具体的用法如下:

一导入js库

 

二、默认校验规则

(1)required:true               必输字段
(2)remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)email:true                  必须输入正确格式的电子邮件
(4)url:true                    必须输入正确格式的网址
(5)date:true                   必须输入正确格式的日期 日期校验ie6出错,慎用
(6)dateISO:true                必须输入正确格式的日期(ISO)
(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

 

三、默认的提示

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 card number.",
    equalTo: "Please enter the same value again.",
    accept: "Please enter a value with a valid extension.",
    maxlength: $.validator.format("Please enter no more than {0} characters."),
    minlength: $.validator.format("Please enter at least {0} characters."),
    rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
    range: $.validator.format("Please enter a value between {0} and {1}."),
    max: $.validator.format("Please enter a value less than or equal to {0}."),
    min: $.validator.format("Please enter a value greater than or equal to {0}.")
}

关于表单验证的这个插件,我也只是从网上截取的罢了,具体用法以及怎么用我还是不太懂。明天打算看看学生选课系统关于如何批量操作和多表查询。

以上是关于验证表单插件的主要内容,如果未能解决你的问题,请参考以下文章

jquery插件-表单验证插件-validator对象

表单验证插件——validate

jQuery基础学习06 jQuery表单验证插件-Validation

jQuery插件 -- 表单验证插件jquery.validate.js

表单验证提示插件validate

使用验证器插件 Jquery 验证动态输入表单元素