vue 校验手机号、网址(各种正则校验)
vue form表单校验
·
平时我们在项目中form表单的时候,经常会遇到这些验证身份证、电话号的校验
总结一些常用到的
1、合法url
rules:{
acceptUrl:[
{validator: acceptUrlValidator, trigger: ["bule", "change"]}
]
}
const acceptUrlValidator = (rule, value, callBack) => {
let url = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/[\]@!\$&'\*\+,;=.]+$/;
if (value) {
if (!url.test(value)) {
callBack("请输入正确的接收地址");
} else {
callBack();
}
} else {
callBack();
}
};
也可以单独的写一个校验文件,在util文件夹下新建一个validateRules.js文件
2、固定电话
export function validateTelephone(rule,value,callback) {
const reg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
if(!reg.test(value)){
callback(new Error('请输入正确的固话'))
}else{
callback()
}
}
9、统一信用社会代码
export function validateCreditCode(rule,value,callback) {
const reg = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/
if(!reg.test(value)){
callback(new Error('请输入正确的统一信用代码'))
}else{
callback()
}
}
3、手机号码
export function validatePhoneNumber(str) {
const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
return reg.test(str)
}
4、手机号码或固定电话
export function validatePhTelNumber(str) {
const reg = /^((\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14})|([1][3,4,5,6,7,8,9][0-9]{9})$/
return reg.test(str)
}
5、电子邮箱
export function validateEmail(str) {
const reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
return reg.test(str)
}
6、邮编
export function validateZipCode(str) {
const reg = /^[1-9][0-9]{5}$/
return reg.test(str)
}
7、身份证
export function validateIDCard(str) {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
return reg.test(str)
}
8、银行卡号
export function validateBank(str) {
const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/
return reg.test(str)
}
更多推荐
已为社区贡献1条内容
所有评论(0)