聊一聊常用正則表達式
作者:誰在花里胡哨
提供日常開發中的一些js處理數據的方法,包括對數據的過濾,以及對數據的驗證等。也希望大家能留下你好用的方法~~
本文轉載自微信公眾號「網羅開發」,作者誰在花里胡哨。轉載本文請聯系網羅開發公眾號。
提供日常開發中的一些js處理數據的方法,包括對數據的過濾,以及對數據的驗證等。也希望大家能留下你好用的方法~~
- 數據過濾
- 手機號碼隱藏中間4位
- 保留兩位小數
- 每三位逗號隔開,后面補兩位小數,多用于金額數字
- 銀行尾號四位數
- 數字金額轉換為大寫人民幣漢字的方法
- 獲取Url攜帶的地址參數
- 金額以元和萬元為單位
- 隱藏證件號
- 用戶姓名脫敏
- 賬號4位一空格
- 字符全局替換
- 數據驗證
- 手機號驗證
- 姓名校驗
- 密碼必須為8-18位數,且包含大小寫字母和特殊符號
- 身份證號完整校驗
- 只能輸入數字和字母
- 校驗特殊字符
數據過濾
手機號碼隱藏中間4位
- //手機號碼隱藏中間4位
- phoneHideMiddle(val) {
- if (val) {
- return `${val.substring(0, 3)}****${val.substring(val.length - 4)}`
- }
- else {
- return "";
- }
- }
保留兩位小數
- //保留兩位小數
- keepTwoNum(val) {
- val = Number(val);
- return val.toFixed(2);
- },
每三位逗號隔開,后面補兩位小數,多用于金額數字
- //每三位逗號隔開,后面補兩位小數,多用于金額數字
- floatThree(value) {
- // console.log(value)
- value = "" + value;
- if (!value) return '0.00';
- // var intPart = Number(value).toFixed(0); //獲取整數部分
- var intPart = parseInt(Number(value));//獲取整數部分
- // console.log('intPart',intPart)
- var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //將整數部分逢三一斷
- // console.log('intPartFormat',intPartFormat)
- var floatPart = ".00"; //預定義小數部分
- var value2Array = value.split(".");
- //=2表示數據有小數位
- if (value2Array.length == 2) {
- floatPart = value2Array[1].toString(); //拿到小數部分
- // console.log('floatPart',floatPart)
- if (floatPart.length == 1) { //補0,實際上用不著
- return intPartFormat + "." + floatPart + '0';
- } else {
- return intPartFormat + "." + floatPart;
- }
- } else {
- return intPartFormat + floatPart;
- }
- },
銀行尾號四位數
- //銀行尾號四位數
- bankCardNumLastFour(val) {
- // val = Number(val);
- if (val) {
- return val.substring(val.length - 4);
- }
- },
數字金額轉換為大寫人民幣漢字的方法
- //數字金額轉換為大寫人民幣漢字的方法
- convertCurrency(money) {
- //漢字的數字
- var cnNums = new Array('零', '壹', '貳', '叁', '肆', '伍', '陸', '柒', '捌', '玖');
- //基本單位
- var cnIntRadice = new Array('', '拾', '佰', '仟');
- //對應整數部分擴展單位
- var cnIntUnits = new Array('', '萬', '億', '兆');
- //對應小數部分單位
- var cnDecUnits = new Array('角', '分', '毫', '厘');
- //整數金額時后面跟的字符
- var cnInteger = '整';
- //整型完以后的單位
- var cnIntLast = '元';
- //最大處理的數字
- var maxNum = 999999999999999.9999;
- //金額整數部分
- var integerNum;
- //金額小數部分
- var decimalNum;
- //輸出的中文金額字符串
- var chineseStr = '';
- //分離金額后用的數組,預定義
- var parts;
- if (money == '') { return ''; }
- money = parseFloat(money);
- if (money >= maxNum) {
- //超出最大處理數字
- return '';
- }
- if (money == 0) {
- chineseStr = cnNums[0] + cnIntLast + cnInteger;
- return chineseStr;
- }
- //轉換為字符串
- money = money.toString();
- if (money.indexOf('.') == -1) {
- integerNum = money;
- decimalNum = '';
- } else {
- parts = money.split('.');
- integerNum = parts[0];
- decimalNum = parts[1].substr(0, 4);
- }
- //獲取整型部分轉換
- if (parseInt(integerNum, 10) > 0) {
- var zeroCount = 0;
- var IntLen = integerNum.length;
- for (var i = 0; i < IntLen; i++) {
- var n = integerNum.substr(i, 1);
- var p = IntLen - i - 1;
- var q = p / 4;
- var m = p % 4;
- if (n == '0') {
- zeroCount++;
- } else {
- if (zeroCount > 0) {
- chineseStr += cnNums[0];
- }
- //歸零
- zeroCount = 0;
- chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
- }
- if (m == 0 && zeroCount < 4) {
- chineseStr += cnIntUnits[q];
- }
- }
- chineseStr += cnIntLast;
- }
- //小數部分
- if (decimalNum != '') {
- var decLen = decimalNum.length;
- for (var i = 0; i < decLen; i++) {
- var n = decimalNum.substr(i, 1);
- if (n != '0') {
- chineseStr += cnNums[Number(n)] + cnDecUnits[i];
- }
- }
- }
- if (chineseStr == '') {
- chineseStr += cnNums[0] + cnIntLast + cnInteger;
- } else if (decimalNum == '') {
- chineseStr += cnInteger;
- }
- return chineseStr;
- },
獲取Url攜帶的地址參數
- //獲取Url攜帶的地址參數
- GetQueryString(name) {
- //index.html?token=9b68dd98306327bf&action=2
- var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
- if (window.location.search != "") {
- var r = window.location.search.substr(1).match(reg);
- } else {
- if (window.location.hash.indexOf("?") > 0) {
- var tmp = window.location.hash.split("?");
- var r = tmp[1].match(reg);
- } else {
- var r = null;
- }
- }
- if (r != null) {
- return decodeURI(r[2]);
- }
- return null;
- },
金額以元和萬元為單位
- //金額以元和萬元為單位
- moneyConvert(num) {
- var newNum = Number(num);
- if (10000 <= newNum) {
- return (newNum / 10000) + '萬元'
- } else {
- return newNum + '元'
- }
- },
隱藏證件號
- //隱藏證件號
- certIdHide(val) {
- if (val) {
- var certId = val.substring(0, 1) + '****************' + val.substring(val.length - 1)
- return certId
- }
- },
用戶姓名脫敏
- //用戶姓名脫敏
- userNameHide(val) {
- if (val) {
- let name;
- if (val.length < 3) {
- name = '*' + val.substring(val.length - 1)
- return name
- } else {
- name = val.substring(0, 1) + '*' + val.substring(val.length - 1)
- return name
- }
- }
- },
賬號4位一空格
- //賬號4位一空格
- accountNumberSpace(val) {
- if (val) {
- return val.replace(/\s/g, "")
- .replace(/\D/g, "")
- .replace(/(\d{4})(?=\d)/g, "$1 ");
- }
- }
字符全局替換
- //字符全局替換
- res.data.content = res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
數據驗證
手機號驗證
- // 手機號驗證
- isvalidPhone(str) {
- const reg = /^1\d{10}$/
- return reg.test(str)
- },
姓名校驗
- //姓名校驗
- isUserName(name) {
- if (name && name.length > 1) {
- const reg = name.match(/^[\u4e00-\u9fa5]+$/)
- return Boolean(reg)
- }
- return false
- },
密碼必須為8-18位數,且包含大小寫字母和特殊符號
- //密碼必須為8-18位數,且包含大小寫字母和特殊符號
- /^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!~@#$%^&*,\.])[0-9a-zA-Z!~@#$%^&*,\\.]{8,18}$/
身份證號完整校驗
- // * 身份證號完整校驗
- // * ***/
- isvalidateIdnumber(value) {
- if (value.length == 18) {
- var Errors = new Array(
- "驗證通過!",
- "身份證號碼位數不對!",
- "身份證號碼出生日期超出范圍或含有非法字符!",
- "身份證號碼校驗錯誤!",
- "身份證地區非法!"
- );
- var area = {
- 11: "北京",
- 12: "天津",
- 13: "河北",
- 14: "山西",
- 15: "內蒙古",
- 21: "遼寧",
- 22: "吉林",
- 23: "黑龍江",
- 31: "上海",
- 32: "江蘇",
- 33: "浙江",
- 34: "安徽",
- 35: "福建",
- 36: "江西",
- 37: "山東",
- 41: "河南",
- 42: "湖北",
- 43: "湖南",
- 44: "廣東",
- 45: "廣西",
- 46: "海南",
- 50: "重慶",
- 51: "四川",
- 52: "貴州",
- 53: "云南",
- 54: "西藏",
- 61: "陜西",
- 62: "甘肅",
- 63: "青海",
- 64: "寧夏",
- 65: "新疆",
- 71: "臺灣",
- 81: "香港",
- 82: "澳門",
- 91: "國外"
- };
- //身份證號碼 idcard
- var Y; //為身份證號碼所有數字經過特定算法以后對11取余所得到的數值
- var JYM; //固定數值 校驗碼的計算中會用到
- var S; //身份證號碼所有數字經過特定算法以后所得到的值
- var M; //校驗位數值
- var idcard_array = value.split("");
- var ereg;
- //console.log(idcard_array);
- //地區檢驗
- if (area[parseInt(value.substr(0, 2))] == null) {
- // $.fn.validatebox.defaults.rules.IDNumber.message = Errors[4];
- console.log(Errors[4]);
- return false;
- }
- if (parseInt(value.substr(6, 4)) % 4 == 0 || (parseInt(value.substr(6, 4)) % 100 == 0 && parseInt(value.substr(6, 4)) % 4 == 0)) {
- ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;
- //閏年出生日期的合法性正則表達式
- } else {
- ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;
- //平年出生日期的合法性正則表達式
- }
- if (ereg.test(value)) { //測試出生日期的合法性
- //計算校驗位
- S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 +
- (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 +
- (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 +
- (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 +
- (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 +
- (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 +
- (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 +
- parseInt(idcard_array[7]) * 1 +
- parseInt(idcard_array[8]) * 6 +
- parseInt(idcard_array[9]) * 3;
- Y = S % 11;
- M = "F";
- JYM = "10X98765432";
- M = JYM.substr(Y, 1); //判斷校驗位 身份證最后一位為校驗位 如果身份證號碼正確 則最后一位會與M值相同
- if (M == idcard_array[17]) {
- return true;
- } else {
- console.log(Errors[3]);
- return false;
- }
- } else {
- console.log(Errors[3]);
- return false;
- }
- } else {
- console.log("身份證號碼長度不對");
- return false;
- }
- },
只能輸入數字和字母
- //只能輸入數字和字母
- isvalidateLetterAndNum(str) {
- const reg = /^[0-9a-zA-Z]+$/;
- console.log(reg.test(str));
- return reg.test(str)
- },
校驗特殊字符
- // 校驗特殊字符
- isSpecialChars(str) {
- var regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im;
- var regCn = /[·!#¥(——):;“”‘、,|《。》?、【】[\]]/im;
- console.log(regEn.test(str))
- if (regEn.test(str) || regCn.test(str)) {
- return false
- } else {
- return true
- }
- }
責任編輯:武曉燕
來源:
網羅開發