jeesite学习笔记——邮箱、手机号和银行卡号验证（正则表达式验证）

一，邮箱验证

1.body部分：

<div class="control-group">
	<label class="control-label">邮箱：</label>
	<div class="controls">
		<form:input path="email" id="email" value="" oninput="checkEmail()" htmlEscape="false" maxlength="64" class="input-xlarge required"/>
		<span class="help-inline" id="email_notice" ><font color="red">*</font> </span>
	</div>
</div>

 2.函数方法：

正则表达式为：emailReg = /^\w{3，} (\。+ w +）*@ [A-z0-9] +（\。[Az] {2,5}} {1,2E} ; 

//邮箱验证
function checkEmail() {
	var emailReg = /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
	var emailResult = email.value;
	if(emailReg.test(emailResult)){
		email_notice.innerHTML = '邮箱验证通过！';
		email_notice.style.color = 'green';
		return true;
	}else {
		email_notice.innerHTML = '邮箱验证未通过，请重新输入！';
		email_notice.style.color = 'red';
		return false;
	}
}

二，手机号验证

1.body部分：

<div class="control-group">
	<label class="control-label">手机号：</label>
	<div class="controls">
		<form:input path="phone" id="phone" value="" oninput="checkPhone()" htmlEscape="false" maxlength="11" class="input-xlarge required"/>
		<span class="help-inline" id="phone_notice" ><font color="red">*</font> </span>
	</div>
</div>

2.函数方法：

正则表达式为：phoneReg = / ^（13 [0-9] {9}）|（18 [0-9] {9}）|（14 [0-9] {9}）|（17 [0- 9] {9}）|（15 [0-9] {9}）$ /;

//手机号码验证
function checkPhone() {
	var phoneReg = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
	var phoneResult = phone.value;
	if(phoneReg.test(phoneResult)){
		phone_notice.innerHTML = '手机号码验证通过！';
		phone_notice.style.color = 'green';
		return true;
	}else {
		phone_notice.innerHTML = '手机号码验证未通过！';
		phone_notice.style.color = 'red';
		return false;
	}
}

三，银行卡号验证：

1.body部分：

<div class="control-group">
	<label class="control-label">银行卡号：</label>
	<div class="controls">
		<form:input path="bankcardnumber" id="bankcardnumber" oninput="checkBankCardNumber()" htmlEscape="false" maxlength="64" class="input-xlarge required"/>
		<span class="help-inline" id="bankcardnumber_notice" ><font color="red">*</font> </span>
	</div>
</div>

2.函数方法:(包含Luhm验证）

//银行卡号验证
function checkBankCardNumber() {
	//长度校验
	var bankcardnumberResult = bankcardnumber.value;
	if(bankcardnumberResult == "" || bankcardnumberResult.length < 16 || bankcardnumberResult.length > 19) {
		bankcardnumber_notice.innerHTML = "银行卡号位数必须在16~19之间，请完整输入银行卡号！";
		bankcardnumber_notice.style.color = 'red';
		return false;
	}
	//开头6位校验
	var strBin="10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99";    
	if(strBin.indexOf(bankcardnumberResult.substring(0, 2)) == -1) {
		bankcardnumber_notice.innerHTML = "银行卡号开头6位不符合规范，请检查后重新输入！";
		bankcardnumber_notice.style.color = 'red';
		return false;
	}
	//全数字校验
	var num = /^\d*$/;
	if(!num.exec(bankcardnumberResult)) {
		bankcardnumber_notice.innerHTML = "银行卡号必须全为数字，请检查后重新输入！";
		bankcardnumber_notice.style.color = 'red';
		return false;
	}
	//Luhm验证
	var lastNum=bankcardnumberResult.substr(bankcardnumberResult.length-1,1);//取出最后一位（与luhm进行比较）
	var first15Num=bankcardnumberResult.substr(0,bankcardnumberResult.length-1);//前15或18位
	var newArr = new Array();
	for(var i=first15Num.length-1;i>-1;i--){	//前15或18位倒序存进数组
		newArr.push(first15Num.substr(i,1));
	}
	var arrJiShu = new Array();					//奇数位*2的积 <9
	var arrJiShu2 = new Array();				//奇数位*2的积 >9
	var arrOuShu = new Array();					//偶数位数组
	for(var j = 0; j < newArr.length; j++){
		if( (j+1)%2 == 1) {							//奇数位
			if(parseInt(newArr[j])*2 < 9)
				arrJiShu.push(parseInt(newArr[j])*2);
			else
				arrJiShu2.push(parseInt(newArr[j])*2);
		}else									//偶数位
			arrOuShu.push(newArr[j]);
	}
	var jishu_child1 = new Array();//奇数位*2 >9 的分割之后的数组个位数
	var jishu_child2 = new Array();//奇数位*2 >9 的分割之后的数组十位数
	for(var h=0; h<arrJiShu2.length; h++) {
	    jishu_child1.push(parseInt(arrJiShu2[h])%10);
	    jishu_child2.push(parseInt(arrJiShu2[h])/10);
	}        
	var sumJiShu = 0; //奇数位*2 < 9 的数组之和
	var sumOuShu = 0; //偶数位数组之和
	var sumJiShuChild1 = 0; //奇数位*2 >9 的分割之后的数组个位数之和
	var sumJiShuChild2 = 0; //奇数位*2 >9 的分割之后的数组十位数之和
	var sumTotal = 0;
	for(var m = 0; m<arrJiShu.length; m++){
	    sumJiShu=sumJiShu+parseInt(arrJiShu[m]);
	}
	for(var n=0; n<arrOuShu.length; n++){
	    sumOuShu = sumOuShu+parseInt(arrOuShu[n]);
	}
	for(var p=0; p<jishu_child1.length; p++) {
	    sumJiShuChild1 = sumJiShuChild1 + parseInt(jishu_child1[p]);
	    sumJiShuChild2 = sumJiShuChild2 + parseInt(jishu_child2[p]);
	}      
	//计算总和
	sumTotal = parseInt(sumJiShu) + parseInt(sumOuShu) + parseInt(sumJiShuChild1) + parseInt(sumJiShuChild2);
	//计算Luhm值
	var k= parseInt(sumTotal)%10==0?10:parseInt(sumTotal)%10;        
	var luhm= 10-k;
	
	if(lastNum==luhm){
		bankcardnumber_notice.innerHTML ="银行卡号验证通过！";
		bankcardnumber_notice.style.color = 'green';
		return true;
	}
	else{
		bankcardnumber_notice.innerHTML ="银行卡号不合法，请检查后重新输入！";
		bankcardnumber_notice.style.color = 'red';
		return false;
	}   
}

四、添加提交条件（验证符合则提交，不符合则返回）

submitHandler: function (form){
    if(checkEmail()){
		if(checkPhone()) {
			if(checkBankCardNumber()){
				loading('正在提交，请稍等...');
				form.submit();
			}else {
				alert("银行卡号验证未通过! ");
				return false;
			}
		}else {
			alert("手机号码验证未通过! ");
			return false;
		}
	}else{
		alert("邮箱验证未通过! ");
		return false;
	}
}

 

 

/ *小白一个，仅留做自我学习记忆，时常修改，有不对不全之处还望不吝赐教！* /