页面验证1——ajax异步提交

var xmlHttp;
function createXmlHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();

if (xmlHttp.overrideMimeType) {
xmlHttp.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) {
try {

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

}
catch (e) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
if (!xmlHttp) {

window.alert("你的浏览器不支持创建XMLhttpRequest对象");
}
return xmlHttp;
}

var issubmit2 = false;
//一个请求响应处理两个ajax验证请求
function checkEmailAndLogname() {
url = $("#a").attr("href");
createXmlHttpRequest();
url = "./" + url + "?Name=" + document.getElementById("tbUlogname").value + "," + document.getElementById("tbUemail").value + "&Event=CheckUemailAndLogname";

xmlHttp.open("post", url, true);

xmlHttp.onreadystatechange = function() { checkEmailAndLognameResult() };

xmlHttp.send(null);

}

function checkEmailAndLognameResult() {
if (xmlHttp.readyState == 4)//服务器响应状态
{
if (xmlHttp.status == 200)//代码执行状态
{
var regExValue = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;

var tbemail = document.getElementById("tbUemail").value;
var flag = regExValue.test(tbemail);
var pw1 = document.getElementById("tbUlogname").value;
//            alert(xmlHttp.responseText);
switch (xmlHttp.responseText) {
case "1":
if (!flag) {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱格式不正确。");
$("#tbUemail").css("border", " 2px red solid");
issubmit2 = false;
}
else {
$("#img3").attr("src", "../images/fzcg_dh.gif");

$("#A3").attr("innerHTML", "");
$("#tbUemail").css("border", " 1px #ccc solid");
issubmit2 = true;
}
if (!(pw1.length > 3 && pw1.length < 17)) {

$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名应该大于4位小于16位");

$("#tbUlogname").css("border", " 2px red solid");
issubmit = false;
}
else {
$("#img").attr("src", "../images/fzcg_dh.gif");

$("#tt").attr("innerHTML", "");
$("#tbUlogname").css("border", " 1px #ccc solid");
issubmit = true;
}
break;
case "2":
if (!flag) {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱格式不正确。");
}
else {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱已被使用，请更换邮箱再注册。");
}
$("#tbUemail").css("border", " 2px red solid");

if (!(pw1.length > 3 && pw1.length < 17)) {

$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名应该大于4位小于16位");

$("#tbUlogname").css("border", " 2px red solid");
issubmit = false;
}
else {
$("#img").attr("src", "../images/fzcg_dh.gif");

$("#tt").attr("innerHTML", "");
$("#tbUlogname").css("border", " 1px #ccc solid");
issubmit = true;
}
issubmit = false;
break;
case "3":
if (!flag) {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱格式不正确。");
$("#tbUemail").css("border", " 2px red solid");
}
else {
$("#img3").attr("src", "../images/fzcg_dh.gif");

$("#A3").attr("innerHTML", "");
$("#tbUemail").css("border", " 1px #ccc solid");
}
if (!(pw1.length > 3 && pw1.length < 17)) {

$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名应该大于4位小于16位");
}
else {
$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名已存在，可以使用中文");
}
$("#tbUlogname").css("border", " 2px red solid");
issubmit = false;
break;
case "4":
if (!flag) {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱格式不正确。");
}
else {
$("#img3").attr("src", "../images/16_info.png");

$("#A3").attr("innerHTML", "邮箱已被使用，请更换邮箱再注册。");
}

$("#tbUemail").css("border", " 2px red solid");

if (!(pw1.length > 3 && pw1.length < 17)) {

$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名应该大于4位小于16位");
}
else {
$("#img").attr("src", "../images/16_info.png");

$("#tt").attr("innerHTML", "用户名已存在，可以使用中文");
}

$("#tbUlogname").css("border", " 2px red solid");
issubmit = false;
break;

}
}

}
}