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

1、导入射流研究…库

脚本src='http:/js/jquery。js ' type=' text/JavaScript '/script script src=' http :/js/jquery。验证。js ' type=' text/JavaScript '/script 2，默认校验规则

3、默认提示

消息{ required: '此字段为必填字段，remote: '请修复此字段，电子邮件："请输入有效的电子邮件地址“，url:”请输入有效的url，”,日期："请输入有效的日期。",日期ISO: "请输入有效的日期（国际标准化组织)。",日期："您的数据在哪里。",数字："请输入一个有效的数字“，数字：”您可以在任何地方使用它，digits: '请只输入数字，信用卡： '请输入有效的信用卡号码，等于："请再次输入相同的值”，accept:”请输入带有效扩展名的值”，maxlength : $。验证器。格式('请输入不超过{0}个字符)，最小长度：美元。验证器。格式('请至少输入{0}个字符)，范围长度： $。验证器。格式('请输入长度介于{0}和{1}个字符之间的值。'),范围： $.validator.format('请输入一个介于{0}和{1}之间的值.)，max: $.validator.format('请输入一个小于或等于{0}的值)，min: $.validator.format('请输入大于或等于{0}的值。)},如需要修改，可在射流研究…代码中加入：

jquery。extend(jquery。验证器。消息，{ required: '必选字段，remote: '请修正该字段，email: '请输入正确格式的电子邮件，url: '请输入合法的网址，日期： '请输入合法的日期，日期： '请输入合法的日期（国际标准化组织)。",数字： '请输入合法的数字，digits: '只能输入整数，信用卡： '请输入合法的信用卡号，等于： '请再次输入相同的值，accept: '请输入拥有合法后缀名的字符串，maxlength : jquery。验证器。格式('请输入一个长度最多是{0} 的字符串)，最小长度： jquery。验证器。格式('请输入一个长度最少是{0} 的字符串)，范围长度： jquery。验证器。格式('请输入一个长度介于{0} 和{1} 之间的字符串),范围： jQuery.validator.format('请输入一个介于{0} 和{1} 之间的值)，max : jquery。验证器。格式('请输入一个最大为{0} 的值)，min : jquery。验证器。格式('请输入一个最小为{0} 的值')});推荐做法，将此文件放入messages_cn.js中，在页面中引入：脚本src='http:/js/messages _ cn。js ' type=' text/JavaScript '/script 4，使用方式1)、将校验规则写到控件中

脚本src='http:/js/jquery。js ' type=' text/JavaScript '/script script src=' http :/js/jquery。验证。js ' type=' text/JavaScript '/script script src=' http :/js/jquery。元数据。js ' type=' text/JavaScript '/script $().ready(function(){ $(' # signing form ')).validate()；});form id=' signuform ' method=' get ' action=' p label for=' first name ' first name/label input id=' first name ' name=' first name ' class=' required '/p label for=' email ' e-Mail/label input id=' email ' name=' email ' class=' required email '/p label for=' password ' password/label input id=' password ' name=password ' type=' password ' class=' {必需的：树，minlength:5} .确认密码/label input id=' confirm _ password ' name=' confirm _ password ' type=' password ' class=' {必需d : true，minlength:5，等于： ' # password ' } '//p p input class=' Submit ' type=' Submit ' value=' Submit '/p/form使用class='{} '的方式，必须引入包：jquery.metadata.js。 可以使用如下的方法，修改提示内容：

class=' { required:true，minlength:5，messages: { required: '请输入内容'}}'在使用等于关键字时，后面的内容必须加上引号，代码如下所示：

class=' { required:true，minlength:5，equalTo:'#password'}'2)、将校验规则写到射流研究…代码中

$().ready(function(){ $(' # signing form ')).验证({规则s : {名字： '必需，email: { required: true，email: true }，密码： { required d : true，min length : { required d : true，min length 3: 5，equalTo: '#password' })，消息： { firstname: '请输入姓名，email: { required: '请输入电子邮件地址，email: '请输入正确的电子邮件地址}，password: { required: '请输入密码，minlength: jQuery.format('密码不能小于{0}个字符)}，confirm _ password : {必需的d : '请输入确认密码，minlength: '确认密码不能小于5个字符，等于： '两次输入密码不一致不一致' } } });});信息处，如果某个控件没有消息，将调用默认的信息

表单id=' signupForm '方法='get '操作=' p label for=' first name ' first name/label input id=' first name ' name=' first name '/p label for=' email ' e-Mail/label input id=' email ' name=' email '/p label for=' password ' password/label input id=' password ' name=' password ' type=' password '/p label for=' confirm _ password '确认密码/标签输入id=' confirm _ password ' name=' confirm _ password ' type=' password '/p p输入类=' Submit ' type=' Submit '值=' Submit '/p/form required : rue必须有值需要：'#aa:checked '表达式的值为真，则需要验证需要：function(){}返回为真，表示需要验证。后边两种常用于，表单中需要同时填或不填的元素。

以上就是本文的全部内容，全部介绍了jQuery验证表单验证入门知识，之后还有一篇针对jQuery验证表单验证的深入学习，希望大家继续关注。