javascript表单验证,JavaScript表单验证代码

Jquery.validate.js实现前端表单验证

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表单的事件触 发方式,有哪几种?

有三种。JavaScript在form表单中使用button按钮实现submit提交方法,需要的朋友参考下吧使layui.jsform可主动验证表单是否通过。

javascript表单验证

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) 中输入了文本？