日期:2014-05-16 浏览次数:20353 次
最近在做前台开发时,遇到一个用户注册的页面,里面需要进行各种各样的验证:身份证号码检查,用户名、邮箱是否存在(AJAX技术)等等。
?
页面见附件。
?
具体页面代码:
?
?
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>用户注册</title> <link href="../css/zhuce.css" rel="stylesheet" type="text/css" /> <link href="../css/gonggong.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="../common/js/flash.js"></script> <script language="javascript" type="text/javascript" src="../js/mootools.js"></script> <!--检查各种限制--> <script language="javascript"> var flagEMAIL = false; var flagACCOUNT_NAME = false; var flagNICK_NAME = false; var flagUSER_NUMBER = false; function checkInfo(codeType, viewType, codeTY) { var xmlHttp; try {// Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) {// Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX!"); return false; } } } xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) { var result = xmlHttp.responseText; if(result == 1){ document.getElementById(viewType).style.color = "#00FF00"; document.getElementById(viewType).innerHTML = "OK"; eval("flag"+codeTY +" = true"); } else { document.getElementById(viewType).style.color = "#FF0000"; document.getElementById(viewType).innerHTML = result; eval("flag"+codeTY +" = false"); } } }; var codeValue = document.getElementById(codeType).value; var url = "./check_info"; url = url + "?codeTY=" + codeTY + "&codeValue=" + codeValue; xmlHttp.open("GET", url, true); xmlHttp.send(null); } function ConcetEmail() { if(checkEmail() == false) { return false; } checkInfo("email", "tetEm", "EMAIL"); return flagEMAIL; } function checkEmail() { var re = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; var email = document.formlogo.email.value; if (email != null && email.length > 0) { if (!re.test(email)) { alert("对不起,你输入的Email不合法!"); document.formlogo.email.focus(); return false; } else { return true; } } else { return true; } } function checkAccountName() { if(checkNameByRE() == false) { return false; } checkInfo("accountName", "tetAccName", "ACCOUNT_NAME"); return flagACCOUNT_NAME; } function checkNickName() { checkInfo("nickName","tetNick","NICK_NAME"); return flagNICK_NAME; } function checkUserNumber() { if(checkUserId() == false) { return false; } checkInfo("userNumber", "tetId", "USER_NUMBER"); return flagUSER_NUMBER; } </script> <!-- 必填项不可为空 --> <script language="javascript"> function checkPwdLength(pwd) { var v = pwd.value; if(v.length>7 && v.length<17) return false; else return true; } function on_submit() { if (checkAccountName() == false) { document.formlogo.accountName.focus(); return; } if (document.formlogo.password.value == "") { alert("用户密码不能为空,请输入密码!"); document.formlogo.password.focus(); return; } if (checkPwdLength(document.formlogo.password)) { alert("请重新输入8-16位密码"); document.formlogo.password.focus(); return; } if (document.formlogo.repaswod.value == "") { alert("用户确认密码不能为空,请输入密码!"); document.formlogo.repaswod.focus(); return; } if (checkPwdLength(document.formlogo.repaswod)) { alert('请重新输入8-