用户注册时用到的各种js代码（ajax证验）
日期：2014-05-16 浏览次数：20435 次
用户注册时用到的各种js代码（ajax验证）
最近在做前台开发时，遇到一个用户注册的页面，里面需要进行各种各样的验证：身份证号码检查，用户名、邮箱是否存在（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-
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
