完整用户注册表单和客户端验证
一段客户端验证用户注册表单的脚本,拿出来嗮嗮。
不是我不愿意用代码高亮插件,只是试了几个都不好使。
<script language="javascript" type="text/javascript">
function IsDigit(cCheck) {
return ((’0′<=cCheck) && (cCheck<=’9′));
}
//判断是否是字母
function IsAlpha(cCheck) {
return (((’a'<=cCheck) && (cCheck<=’z')) || ((’A'<=cCheck) && (cCheck<=’Z')))
}
//判断是否空
function IsaNull(cCheck) {
return(cCheck != ” “)
}
//表单验证
function checkForm(form_name) {
return checkFormName(form_name)||checkFormPass(form_name)||checkFormPass2(form_name)||checkFormEmail(form_name);
}
function checkFormName(form_name) {
//判断用户名是否空
user_name = form_name.user_name.value;
if (user_name == “”) {
alert_user_name.innerHTML=”请输入用户名”;
//form_name.user_name.focus();
return false;
} else {
alert_user_name.innerHTML=”";
}
//判断用户名长度
if (user_name.length<4 || user_name.length>20 ) {
alert_user_name.innerHTML=”用户名长度范围为4~20″;
//form_name.user_name.focus();
return false;
} else {
alert_user_name.innerHTML=”";
}
//判断用户名规则
for (nIndex=0; nIndex<user_name.length; nIndex++) {
cCheck = user_name.charAt(nIndex);
if (!(IsDigit(cCheck) || IsAlpha(cCheck) || cCheck==’-’ || cCheck==’_’ || cCheck==’.')) {
alert_user_name.innerHTML=”用户名只能使用字母、数字以及-、_和.,并且不能使用中文”;
//form_name.user_name.focus();
return false;
} else {
alert_user_name.innerHTML=”";
}
}
}
function checkFormPass(form_name) {
//判断密码是否为空
user_pass = form_name.user_pass.value;
if (!user_pass) {
// alert(”请输入密码”);
alert_user_pass.innerHTML=”请输入密码”;
//form_name.user_pass.focus();
return false;
} else {
alert_user_pass.innerHTML=”";
}
//判断密码长度
if (user_pass.length<6 || user_pass.length>30) {
// alert(”密码长度应大于6小于30″);
alert_user_pass.innerHTML=”密码长度应大于6小于30″;
//form_name.user_pass.focus();
return false;
} else {
alert_user_pass.innerHTML=”";
}
}
function checkFormPass2(form_name) {
//判断密码重复相同
user_pass = form_name.user_pass.value;
user_pass2 = form_name.user_pass2.value;
if (user_pass!=user_pass2) {
// alert(”两次密码输入不相同”);
alert_user_pass2.innerHTML=”两次密码输入不相同”;
//form_name.user_pass2.focus();
return false;
} else {
alert_user_pass2.innerHTML=”";
}
}
function checkFormEmail(form_name) {
//判断Email是否空
user_email=form_name.user_email.value;
if (user_email == “”) {
alert_user_email.innerHTML=”请输入EMAIL地址”;
//form_name.user_email.focus();
return false;
} else {
alert_user_pass2.innerHTML=”";
}
//判断Email规则
if (!user_email.match(/^\S+@\S+\.\S+$/)){
alert_user_email.innerHTML=”请输入正确的Email地址”;
//form_name.user_email.focus();
return false;
} else {
alert_user_email.innerHTML=”";
}
}
</script>
<!–页面内容开始 –>
<h2>用户注册</h2>
<form id=”reg” name=”reg” method=”post” action=”reg.asp?action=check” onsubmit=”return checkForm(this);”>
<table>
<tr>
<th>用户名:</th>
<td><input name=”user_name” type=”text” id=”user_name” onblur=”return checkFormName(reg);” size=”30″ maxlength=”30″ />
<input type=”button” name=”Submit2″ value=”测试” />
<div id=”alert_user_name”> </div></td></tr>
<tr>
<th>用户密码:</th>
<td><input name=”user_pass” type=”password” id=”user_pass” onblur=”return checkFormPass(reg);” size=”30″ maxlength=”30″ />
<div id=”alert_user_pass”> </div></td></tr>
<tr>
<th>重复密码:</th>
<td><input name=”user_pass2″ type=”password” id=”user_pass2″ onblur=”return checkFormPass2(reg);” size=”30″ maxlength=”30″ />
<div id=”alert_user_pass2″> </div></td></tr>
<tr>
<th>电子邮箱:</th>
<td><input name=”user_email” type=”text” id=”user_email” onblur=”return checkFormEmail(reg);” size=”30″ maxlength=”50″ />
<div id=”alert_user_email”> </div></td></tr>
<tr>
<th> </th>
<td><input type=”submit” name=”Submit” value=”注册” /></td></tr></table>
</form>




8月 22nd, 2007 at 10:59 下午
我看不懂
不过对你的遗书网很感兴趣!
8月 22nd, 2007 at 11:48 下午
太好了,看来我要做个详细的计划了嘿嘿