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]+(\.[A-z]{2,5}){1,2}$/; 

//邮箱验证
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;
	}   
}

/*小白一个,仅留做自我学习记忆,时常修改,有错的希望留言指正,不喜勿喷!*/

猜你喜欢

转载自blog.csdn.net/qq_41887223/article/details/81809298