【从零开始搭建uniapp开发框架】（六）——正则表达式封装

【从零开始搭建uniapp开发框架】（六）——正则表达式封装正则表达式封装：在common⽂件夹下新增⼀个 js-regex.js
⽂件
js-regex源码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39/**
* 正则表达式的封装
*/
import base from '@/common/js-base.js';
import alert from '@/common/js-alert.js';
let regex = {
/**
* @description 检查注册⽤户名是否合法
* <br/>this.$Regex_username -> ername * @param {string} val 要检查的值
*/
username: function(val) {
let regex_s = /^[\u4E00-\u9FA5\·]+$/;;
if(regex_s.test(val)) {
return true;
} else{
return false;
}
},
/**
* @description 检查密码是否合法 - 8为长度,包含数字和字母 * <br/>this.$Regex_password -> this.sjuRegex.password * @param {string} val 要检查的值
*/
password: function(val) {
let regex_s = /^(?=.*?[a-z])(?=.*?[0-9]).{8,}$/;
if(regex_s.test(val)) {
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 if(regex_s.test(val)) {
return true;
} else{
return false;
}
},
/**
* @description 检查注册⼿机号是否合法
* <br/>this.$Regex_phonenumber -> this.sjuRegex.phoneNumber
* @param {string} val 要检查的值
*/
phoneNumber: function(val) {
let regex_s = /^[1]([1-9])[0-9]{9}$/;
if(regex_s.test(val)) {
return true;
} else{
return false;
}
},
/**
* @description 检查⾝份证是否合法
* <br/>this.$Regex_IDnumer -> this.sjuRegex.idCard
* @param {string} val 要检查的值
*/
idCard: function(val) {
let regex_s = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; if(regex_s.test(val)) {
return true;
} else{
return false;
}
},
/**
* @description 检查⾦额是否合法
* @param {Number} val 要检查的值
* this.$Regex_money -> this.sjuRegex.money
*/
money: function(val) {
let regex_s =
/(^[1-9](\d+)?(\.\d{1,2})?$)|(^[1-9]$)|(^\d\.[1-9]{1,2}$)|(^\d\.[0]{1}[1-9]{1}$|(^\d\.[1-9]{1}[0]{1}$)$)/;
if(regex_s.test(val)) {
return true;
} else{
return false;
}
},
/**
* @description 检查银⾏卡号是否合法
* <br/>this.$Regex_Banknumber -> this.sjuRegex.bankNumber
* @param {Number} val 要检查的值
*/
bankNumber: function(str) {
let regex_s = /^([1-9]{1})(\d{11}|\d{12}|\d{13}|\d{14}|\d{15}|\d{16}|\d{17}|\d{18}|\d{19}|\d{20}|\d{21})$/;
if(regex_s.test(str)) {
return true;
} else{
return false;
}
},
/**
* @description 检查Email地址是否合法
* <br/>this.$Regex_Email -> this.sjuRegex.Email
* @param {Number} val 要检查的值
*/
Email: function(str) {
let regex_s = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}$/;
if(regex_s.test(str)) {
return true;
} else{
return false;
}
},
/**
* @description 检查税号是否合法
* <br/>this.$Regex_TaxNum -> this.sjuRegex.TaxNum
* @param {Number} val 要检查的值
*/
TaxNum: function(str) {
let regex_s = /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 let regex_s = /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
if(regex_s.test(str)) {
return true;
} else{
return false;
}
},
/**
* @description 检查⽀付宝扫码的值
* <br/>this.$Regex_zfbNumber -> this.sjuRegex.zfbNumber
* @param {Number} val 要检查的值
*/
zfbNumber: function(str) {
let regex_s = /^(2[5-9]|30)\d{14,22}$/;
if(regex_s.test(str)) {
return true;
} else{
return false;
}
},
/**
* @description 检查银联扫码的值
* <br/>this.$Regex_ylNumber -> this.sjuRegex.ylNumber
* @param {Number} val 要检查的值
*/
ylNumber: function(str) {
let regex_s = /^62\\d{17}$/;
if(regex_s.test(str)) {
return true;
} else{
return false;
}
},
/**
* @description 多个属性值⼀起检查,有⼀个不合法,则返回false,并显⽰错误提⽰ * @param {array} arr 要检查数据的数组描述
* <br/>参数格式:[{val:'属性值',type:'检查类型',msg:'错误提⽰'} ... ]
* <br/>例如: [{val:'12',type:'bankNumber',msg:'xx不是银⾏卡号'},...]
*/
checkArray: function(arr) {
var msg = "";
var isNotPetch = true;
if(typeof(arr) == 'object') {
for(let item of arr) {
if(item.type == 'username') {
if(ername(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
} else if(item.type == 'password') {
if(regex.password(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
} else if(item.type == 'phoneNumber') {
if(regex.phoneNumber(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
} else if(item.type == 'idCard') {
if(regex.idCard(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
} else if(item.type == 'money') {
if(regex.money(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
} else if(item.type == 'bankNumber') {
if(regex.bankNumber(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
}else if(item.type == 'Email') {
if(regex.Email(item.val) == false) {
175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 if(regex.Email(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
}else if(item.type == 'TaxNum') {
if(regex.TaxNum(item.val) == false) {
isNotPetch = false;
msg = item.msg;
}
}else{
isNotPetch = false;
msg = '传⼊的检查类型不⽀持:'+item.type; alert.showError(msg, '调⽤有误');
break;
}
// 检查不通过
if(isNotPetch==false)
{
alert.showError(msg, '检查不通过');
break;
}
}
} else{
isNotPetch = false;
alert.showError('参数不合法', '调⽤有误');
}
return isNotPetch;
},
testCheckArray: function() {
// 数据合并检查测试
var result = regex.checkArray([{
val: '186********',
type: 'phoneNumber',
msg: '⼿机号不合法'
},
{
val: '122323',
type: 'money',
msg: '⾦额不合法'
},
{
val: 'abc@',
type: 'Email',
msg: '邮箱不合法'
},
{
val: '1234rr',
type: 'TaxNum',
msg: '税号不合法'
}
]);
base.logInfo(result);
}
}
export default regex;
main.js引⼊封装类代码：
1 2 3import jsRegex from './common/js-regex.js' Vue.prototype.jsRegex = jsRegex;。