您好,欢迎访问一九零五行业门户网

jQuery Validate表单验证入门学习_jquery

本文讲述了jquery validate表单验证入门的基础知识,jquery validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求,以下就是本文的全部内容,特分享给大家。
1、导入 js 库

2、默认校验规则
3、默认提示
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}.)},
如需要修改,可在 js 代码中加入:
jquery.extend(jquery.validator.messages, { required: 必选字段, remote: 请修正该字段, email: 请输入正确格式的电子邮件, url: 请输入合法的网址, date: 请输入合法的日期, dateiso: 请输入合法的日期 (iso)., number: 请输入合法的数字, digits: 只能输入整数, creditcard: 请输入合法的信用卡号, equalto: 请再次输入相同的值, accept: 请输入拥有合法后缀名的字符串, maxlength: jquery.validator.format(请输入一个 长度最多是 {0} 的字符串), minlength: jquery.validator.format(请输入一个 长度最少是 {0} 的字符串), rangelength: jquery.validator.format(请输入 一个长度介于 {0} 和 {1} 之间的字符串), range: jquery.validator.format(请输入一个介于 {0} 和 {1} 之间的值), max: jquery.validator.format(请输入一个最大为{0} 的值), min: jquery.validator.format(请输入一个最小为{0} 的值)});
推荐做法,将此文件放入 messages_cn.js 中,在页面中引入:
4、使用方式
1)、将校验规则写到控件中
$().ready(function() { $(#signupform).validate();}); firstname
e-mail
password
确认密码

使用 class={} 的方式,必须引入包:jquery.metadata.js。
可以使用如下的方法,修改提示内容:
class={required:true,minlength:5,messages:{required:'请输入内容'}}
在使用 equalto 关键字时,后面的内容必须加上引号,代码如下所示:
class={required:true,minlength:5,equalto:'#password'}
2)、将校验规则写到 js 代码中
$().ready(function() { $(#signupform).validate({ rules: { firstname: required, email: { required: true, email: true }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalto: #password } }, messages: { firstname: 请输入姓名, email: { required: 请输入email地址, email: 请输入正确的email地址 }, password: { required: 请输入密码, minlength: jquery.format(密码不能小于{0}个字 符) }, confirm_password: { required: 请输入确认密码, minlength: 确认密码不能小于5个字符, equalto: 两次输入密码不一致不一致 } } });});
messages 处,如果某个控件没有 message,将调用默认的信息
firstname
e-mail
password
确认密码

required:true 必须有值。
required:#aa:checked 表达式的值为真,则需要验证。
required:function(){} 返回为真,表示需要验证。
后边两种常用于,表单中需要同时填或不填的元素。
以上就是本文的全部内容,全部介绍了jquery validate表单验证入门知识,之后还有一篇针对jquery validate表单验证的深入学习,希望大家继续关注。
其它类似信息

推荐信息