平时我们在项目中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、身份证文章来源：https://www.toymoban.com/news/detail-579926.html
export function validateIDCard(str) {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
return reg.test(str)
}8、银行卡号文章来源地址https://www.toymoban.com/news/detail-579926.html
export function validateBank(str) {
const reg = /^([1-9]{1})(\d{14}|\d{18}|\d{15})$/
return reg.test(str)
}到了这里，关于vue 校验手机号、网址（各种正则校验）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
