正則表達式驗證手機號 身份證號 銀行卡號 姓名輸入

手機號驗證

var mobile = /^1[3|4|5|7|8]\d{9}$/;

mobile.test(value);

 

生日格式轉換

'20171102'.replace(/^(\d{4})(\d{2})(\d{2})$/, "$1-$2-$3")

 

郵箱驗證

var mm = /^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/;

mm.test(value);

 

身份證號驗證

var isIDCard1 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//(15位)
var isIDCard2 = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;//(18位)

isIDCard1.test(value);

isIDCard2.test(value)

 

姓名輸入2-8

var realname = /^([\u4e00-\u9fa5]{2,8}|[a-zA-Z]{2,16})$/g;

realname.test(value);

 

姓名只取前后2字符

str.replace(/^(.).+(.)$/g, "$1*$2");

銀行卡號取前6后4

str.replace(/^(.{6}).+(.{4})$/g, "$1******$2");

身份證號碼取前6后4位 data.replace(/^(.{6})(?:\d+)(.{4})$/, "$1****$2");

手機號碼取前3后4位 data.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');

銀行卡號驗證
jQuery.validator.addMethod("checkCardNumber", function (value, element) {
return this.optional(element) || (luhmCheck(value));
}, "卡號輸入有誤，請檢查輸入");

//Description: 銀行卡號Luhm校驗
//Luhm校驗規則：16位銀行卡號（19位通用）:
// 1.將未帶校驗位的 15（或18）位卡號從右依次編號 1 到 15（18），位於奇數位號上的數字乘以 2。
// 2.將奇位乘積的個十位全部相加，再加上所有偶數位上的數字。
// 3.將加法和加上校驗位能被 10 整除。
//方法步驟很清晰，易理解，需要在頁面引用Jquery.js
//bankno為銀行卡號 banknoInfo為顯示提示信息的DIV或其他控件
function luhmCheck(bankno) {
var lastNum = bankno.substr(bankno.length - 1, 1);//取出最后一位（與luhm進行比較）

var first15Num = bankno.substr(0, bankno.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 && lastNum.length != 0) {
//$("#banknoInfo").html("Luhm驗證通過");
return true;
}
else {
//$("#banknoInfo").html("銀行卡號必須符合Luhm校驗");
return false;
}
}

//每四位數字加一個空格

onInputChange = (ev, inputType) => {
let value = ev.target.value;
if (inputType == 'card') {
if (/^[\d]{0,19}$/.test(value.replace(/\s/g, ''))) {
value = value.replace(/\D/g, '').replace(/(....)(?=.)/g, '$1 ');
this.setState({
card: value
});
}
}
}