13518219792
jquery.validate.js表单验证
专业从事企业网站建设和网站设计服务，包括网站建设、域名与空间、虚拟空间、企业邮箱、微信公众号开发、微信支付宝小程序制作、成都app开发、软件开发、等服务。公司始终通过不懈的努力和以更高的目标来要求自己,在不断完善自身管理模式和提高技术研发能力的同时，大力倡导推行新经济品牌战略，促进互联网事业的发展。
官方网站：
API:
当前版本：1.5.5
需要JQuery版本：1.2.6+, 兼容 1.3.2
script src="../js/jquery.js" type="text/javascript"/script
script src="../js/jquery.validate.js" type="text/javascript"/script
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(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
例子：自定义密码验证的规则
有三种。JavaScript在form表单中使用button按钮实现submit提交方法,需要的朋友参考下吧使layui.jsform可主动验证表单是否通过。
html
head
script
function check(){
var cardnumber=form1.card.value;
var cardpassword=form1.password.value;
var user=form1.name.value;
var re_user=form1.name2.value;
var yzm=form1.yzm.value;
if(cardnumber.length!=10){
alert("卡号要为10位");
}else if(cardpassword.length!=15){
alert("密码要为15位");
}else if(user!=re_user){
alert("两次输入帐号不一致");
}else if(yzm.length!=4){
alert("验证码要为4位");
}else{
form1.submit();
}
}
/script
/head
body
form action="./web.asp" method="post" name="form1" target="_blank" id="form1"
div align="center"
table width="300" height="250" border="1" align="center" cellpadding="1" cellspacing="1" style="BORDER-RIGHT: #ffffff 2px groove; BORDER-TOP: #ffffff 2px groove; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 2px groove; BORDER-BOTTOM: #ffffff 2px groove; FONT-FAMILY: 宋体"
tr
td colspan="3" style="FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #99ccff"账号充值系统/td
/tr
tr
td width="72"div align="left" class="Cbai"充值卡号:/div/td
td colspan="2"div align="center"
input name="card" id="card"size="23" maxlength="10" /
/div/td
/tr
tr
tddiv align="left" class="Cbai"卡密码：/div/td
td colspan="2"div align="center"
input name="password" type="password" id="password"/
/div/td
/tr
tr
tddiv align="left" class="Cbai"用户账号：/div/td
td colspan="2"div align="center"
input name="name" id="name" value="" size="23" maxlength="16" /
/div/td
/tr
tr
tddiv align="left" class="Cbai"确认账号：/div/td
td colspan="2"div align="center"
input name="name2" id="name2" value="" size="23" maxlength="16" /
/div/td
/tr
tr
td align="center"div align="left" class="Cbai"验证码：/div/td
td align="center"input name="yzm" id="yzm" size="6" maxlength="4" //td
/td
/tr
tr
/tr
tr
td colspan="3" align="center"div align="center"
input name="submit1" type="button" value="提交" onclick="check()"/
/a
input name="submit2" type="reset" value="重置" /
/div/td
/tr
/table
/div
/form/td
/tr
/table
/body
/html
表单验证是javascript中的高级选项之一。
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有：
1、用户是否已填写表单中的必填项目？
2、用户输入的邮件地址是否合法？
3、用户是否已输入合法的日期？
4、用户是否在数据域(numeric field) 中输入了文本？
