<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" : ""; }
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" : ""; }