form_createrole_validator.js

Download you own three BR

/////////////////////////////////////////////////////////////
//                Setup Class Names
/////////////////////////////////////////////////////////////
//default classes for infobox
var infoboxOkClass		= "OkMsg";
var infoboxWarningClass	= "WarningMsg";
var infoboxErrorClass	= "ErrorMsg";
var infoboxHintClass	= "HintMsg";
//default classes for input field
var inputWarningClass	= "Warning";
var inputErrorClass		= "Error";
var inputOkClass		= "Ok";
var inputNormalClass	= "Normal";


/////////////////////////////////////////////////////////////
//                Initialize Form
/////////////////////////////////////////////////////////////
function initForm(){
	//initialize form UI and add triggers
	var infobox;
	var x = document.getElementById("Content");
	if(!x) return;
	var y = x.getElementsByTagName("input");
	for (var i=0;i<y.length;i++){
		if(y[i].type == 'text' || y[i].type == 'password'){
			initStatus(y[i],true);
			setFiledWidth(y[i]);
			y[i].onfocus	= getFocus;
			y[i].onblur		= lostFocus;
			y[i].onkeyup	= showMyStatus;
		}
		if(y[i].type == "checkbox" ){
			initStatus(y[i],false);
			y[i].onfocus	= getFocus;
			y[i].onblur		= lostFocus;
			y[i].onkeyup	= showMyStatus;
		}
	}
}
function initStatus(obj,isInput){
	if(isInput){
		if(isRequired(obj)) showStatus(obj,"Warning");
		else showStatus(obj,"Normal");
	}

	var infobox = getInfobox(obj);
	var errorCode = getInitStatus(obj);
	if(infobox && infobox.innerHTML == ""){
		if(!errorCode || errorCode == 0){
			infobox.className	= infoboxHintClass;
			infobox.innerHTML	= getErrorMsg(obj,0);
		}
		if(errorCode >0){
			infobox.className	= infoboxErrorClass;
			infobox.innerHTML	= getErrorMsg(obj,errorCode);
		}
	}
}
/////////////////////////////////////////////////////////////
//                Base Functions
/////////////////////////////////////////////////////////////
function isIE() {
	if(document.all) return true;
	return false;
}
function setFiledWidth(obj){
	obj.style.width=(19/3)*obj.size+11;
}
function formEle(required,datatype,parameter,infobox,errormsg,combine,status){
	this.r	= required;
	this.d	= datatype;
	this.p	= parameter;
	this.i	= infobox;
	this.e	= errormsg;
	this.c = combine;
	this.s = status;
}
function isRequired(obj){
	if(obj.id){
		if(eval(obj.id).r) return eval(obj.id).r;
	}
	return false;
}
function isCombine(obj){
	if(obj.id){
		if(eval(obj.id).c) return eval(obj.id).c;
	}
	return false;
}
function getDatatype(obj){
	if(obj.id){
		if(eval(obj.id).d) return eval(obj.id).d;
	}
	return false;
}
function getInfobox(obj){
	if(obj.id){
		if(eval(obj.id).i && document.getElementById(eval(obj.id).i)) return document.getElementById(eval(obj.id).i);
	}
	return;
}

function getErrorMsg(obj,errorCode){
	if(obj.id){
		if(eval(obj.id).e[errorCode]) return eval(obj.id).e[errorCode];
	}
	return;
}
function getHintMsg(obj){
	if(obj.id){
		if(eval(obj.id).e[0]) return eval(obj.id).e[0];
	}
	return;
}
function getInitStatus(obj){
	if(obj.id){
		if(eval(obj.id).s || eval(obj.id).s==0 ) return eval(obj.id).s;
	}
	return;
}
function getAttrName(str){
	var s=str.split("=");
	return s[0];
}
function getAttrValue(str){
	var s=str.split("=");
	return s[1];
}
function getAttrValueByName(obj,str){
	var para;
	if(obj.id){
		if(eval(obj.id).p) para=eval(obj.id).p;
		else return;
	}else{
		return;
	}
	var s = para.split(",");
	for(var i=0;i<s.length;i++){
		if(getAttrName(s[i]) == str){
			if(getAttrValue(s[i]))
				return getAttrValue(s[i]);
			else
				return;
		}
	}
	return;
}
function getMailServer(str){
	//be sure str is a correct email address
	str = str.trim();
	return str.substr(str.indexOf("@")+1);
}
function getMailAccount(str) {
	str = str.trim();
	return str.substr(0, str.indexOf("@"));
}
function isNumber(str) {
	var patn = new RegExp("^\\d{1,15}$");
	if (patn.test(str)) {
		return true;
	} else {
		return false;
	}
}

String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

/////////////////////////////////////////////////////////////
//                UI Functions
/////////////////////////////////////////////////////////////
function getFocus(evnt)
{
	var obj;
	if (isIE()) {
		obj = event.srcElement;
	}else {
		obj = evnt.target;
	}
	showInfo(obj,0);
}
function lostFocus(evnt)
{
	var obj;
	if (isIE()) {
		obj = event.srcElement;
	}else {
		obj = evnt.target;
	}
	showInfo(obj,-1);
}
function showInfo(obj,errorCode,forcible)
//Show Information in Infobox
//errorCode==0 for hint message
//if forcible==true, no matter what the status of infobox now, change it,
//otherwise,if the status of infobox is "Error", do not change it forever.
{
	var infobox = getInfobox(obj);
	if(infobox){
		if(infobox.className != infoboxErrorClass || forcible){
			if(errorCode == 0){
				infobox.className	= infoboxWarningClass;
				infobox.innerHTML	= getErrorMsg(obj,errorCode);
			}
			if(errorCode >0){
				infobox.className	= infoboxErrorClass;
				infobox.innerHTML	= getErrorMsg(obj,errorCode);
			}
			if(errorCode <0){
				infobox.className	= infoboxHintClass;
			}
		}
	}
}
function showMyStatus(evnt){
	var obj,errorCode;
	if (isIE()) {
		obj = event.srcElement;
	}else {
		obj = evnt.target;
	}
	errorCode = validateValue(obj);
	if(errorCode == 0){
		showStatus(obj,"Ok");
	}
	if(errorCode >= 1){
		showStatus(obj,"Error");
	}
	if(errorCode < 0){
		showStatus(obj,"Normal");
	}
}
function showStatus(obj,stat)
//Show the status of user currently inputting field
//3 Statuses: Warning|Error|Ok
{
	switch(stat){
		case "Warning":
			obj.className = inputWarningClass;
			getInfobox(obj).innerHTML	= getErrorMsg(obj,0);
			break;
		case "Error":
			obj.className = inputErrorClass;
			getInfobox(obj).className	= infoboxErrorClass;
			getInfobox(obj).innerHTML	= getErrorMsg(obj,0);
			break;
		case "Ok":

			obj.className = inputOkClass;
			getInfobox(obj).className	= infoboxOkClass;
			getInfobox(obj).innerHTML	= getErrorMsg(obj,0);
			break;
		default:
			obj.className = inputNormalClass;
			break;
	}
}
/////////////////////////////////////////////////////////////
//                Validator Functions
/////////////////////////////////////////////////////////////
function validateValue(obj){
	//trim
	var patn = /(^\s)|(\s$)/;
	if(patn.test(obj.value))	obj.value = obj.value.trim();
	//switcher
	var errorCode = -1;
	switch(getDatatype(obj)){
		case "username":
			errorCode = validateUsername(obj);
			break;
        case "cardcode":
            errorCode = validateCardCode(obj);
            break;
		case "cardtype":
			errorCode = validateCardType(obj);
			break;
		case "pwd":
			errorCode = validatePassword(obj);
			break;
		case "safepassword":
			errorCode = validateSafePassword(obj);
			break;
		case "mirror":
			errorCode = validateMirror(obj);
			break;
		case "email":
			errorCode = validateEmail(obj);
			break;
		case "emailNew": // add by huanghuajun 0712
			errorCode = validateEmailNew(obj);
			break;
		case "uname":
		  errorCode = validateRealName(obj);
		  break;
	        case "ssn":
	  	  errorCode = validateSsn(obj);
		  break;
		case "Question":
		  errorCode = validateQuestion(obj);
		  break;
		case "Answer":
		  errorCode = validateAnswer(obj);
		  break;
		case "safecode":
	  	  errorCode = validateSafecode(obj);
		  break;
		case "mirror":
			errorCode = validateMirror(obj);
			break;
		case "checkcode":
			errorCode = validateCheckCode(obj);
			break;
		case "mobile":
			errorCode = validateMobile(obj);
			break;
		case "rolename": //验证游戏角色名称
            errorCode = validateRolename(obj);
            break;
        case "cityname": //验证城市名称
            errorCode = validateCityname(obj);
            break;
        case"keepercardcode": //验证监护人身份证
            errorCode = validateKCardCode(obj);
            break;
        case"keeperfooting": //验证监护人关系
            errorCode = validateKFooting(obj);
            break;

		default:
			errorCode = -1;
			break;
	}
	return errorCode;
}

/*监护人关系*/
function validateKFooting(obj){
    var str = obj.value;
	var patn = /^([\u4e00-\u9fa5])+$/;    
    if(str.len()<4 || str.len()>10) {
    		return 1;
    	}
		else if (!patn.test(str)) {
			return 2;
		} else {
			return 0;
		}
}
/*监护人姓名*/
function validateKName(obj){
    var str = obj.value;
	var patn = /^([\u4e00-\u9fa5])+$/;    
    if(str.len()<4 || str.len()>8) {
    		return 1;
    	}
		else if (!patn.test(str)) {
			return 2;
		} else {
			return 0;
		}
}
/*监护人身份证号码验证*/
function validateKCardCode(obj){
    var str = obj.value;
    var patn = /^(\d{18}|\d{17}[xX]|\d{15})$/;
    if(!patn.test(str)){
        return 1;
    }  

    var y,m,d,r,f
    if (str.length==15)
    {
        y = str.substr(6,2);
        m = str.substr(8,2);
            if(m>12 || m<1){
                return 2;
            }
        d = str.substr(10,2);
            if(d<1 || d>31){
                 return 0;
            }
        try
        {
            y = 1900 + parseInt(y);
        }
        catch(e)
        {}
    } else if (str.length==18) {
        y = str.substr(6,4);
        m = str.substr(10,2);
        
        if(m>12 || m<1){
            return 2;
        }
        d = str.substr(12,2);
        if(d<1 || d>31){
            return 2;
        }
    }
	else
	{
		return 0;
	}
    r = new Date(parseInt(y)+parseInt(18),parseInt(m)-1,d);
    f = new Date();
    if(r>f)
    {
        return 1;
    }
    else
    {
        return 0;
    }
    return 0;
}

function validateAll(formObj){
	var obj,infobox,pass;
	pass = true;
	var x = formObj;
	if(!x) return;
	var y = x.getElementsByTagName("input");
	var keyselected;
	var keyObj;	
  	keyObj="email";
  	
for (var i=0;i<y.length;i++){
		obj = y[i];
		obj.value = obj.value.trim();
		if(obj.type =='image'){
			continue;
		}
				
		infobox = getInfobox(y[i]);
		
	    if(obj.style.display == "none")