js简单的表单验证

<script type="text/javascript" src="validate.js"> </script> <body onload="document.forms[0][0].focus();"> <form action="javascript:;" method="get" name="f1" onsubmit="return validateForm();"> user <input type="text" name="user" onblur="validateUser(this);" /> <span id="user_error"></span> <hr /> pwd <input type="password" name="pwd" onblur="validatePwd(this);" /> <span id="pwd_error"></span> <hr /> pwd1 <input type="password" name="pwd1" onblur="validatePwd1(this,forms[0][1])" /> <span id="pwd1_error"></span> <hr /> email <input type="text" name="email" onblur="validateEmail(this);" /> <span id="email_error"></span> <hr /> <input type="submit" value="Submit"> <input type="reset" value="Reset"> </form> </body>
function $(id) { return document.getElementById(id); } function validateForm() { var b; with (document) { b = validateUser(forms[0][0]) & validatePwd(forms[0][1]) & validatePwd1(forms[0][1], forms[0][2]) & validateEmail(forms[0][3]); } return b != 0; } function validateUser(f) { $('user_error').innerHTML = f.value.length == 0 ? "用户必须填写" : ""; } function validatePwd(f) { $('pwd_error').innerHTML = f.value.length < 6 ? "密码必须大于6位" : ""; } function validatePwd1(f, f1) { $('pwd1_error').innerHTML = f.value != f1.value ? "两次输入密码必须相等" : ""; } function validateEmail(f) { var re = /^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,3}([\.][a-z]{2})?$/i; $('email_error').innerHTML = !re.test(f.value) ? "必须填入有效的Email" : ""; }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值