前端Vue中常用rules校验规则（收藏）

最新推荐文章于 2025-03-21 15:18:07 发布

程序员的生活1

最新推荐文章于 2025-03-21 15:18:07 发布

阅读量1.3k

点赞数 1

分类专栏： js web前端 html+css 文章标签： javascript html vue.js css

本文链接：https://blog.youkuaiyun.com/lin123_00/article/details/106215579

版权

本文详细列举了29种常见的前端Vue.js表单校验规则，包括IP地址、电话号码、身份证号码、邮箱、URL、密码、中文等，提供了相应的正则表达式和校验函数，是前端开发人员进行表单验证的实用参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、是否合法IP地址

if(value==''||value==undefined||value==null){

callback();

}else {

constreg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\![](https://user-gold-cdn.xitu.io/2019/11/22/16e9182103044230?w=900&h=500&f=gif&s=662884).(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;if((!reg.test(value)) && value !='') {

callback(newError('请输入正确的IP地址'));

} else {

callback();

}

}

}

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）

2、是否手机号码或者固话

export function validatePhoneTwo(rule, value, callback) {

constreg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;

if(value ==''|| value == undefined || value ==null) {

callback();

} else {

if((!reg.test(value)) && value !='') {

callback(newError('请输入正确的电话号码或者固话号码'));

} else {

callback();

}

}

}

3、是否固话

export function validateTelphone(rule, value,callback) {

constreg =/0\d{2,3}-\d{7,8}/;

if(value==''||value==undefined||value==null){

callback();

}else {

if((!reg.test(value)) && value !='') {

callback(newError('请输入正确的固定电话）'));

} else {

callback();

}

}

}

4、是否手机号码

export function validatePhone(rule, value,callback) {

constreg =/^[1][3-9][0-9]{9}$/;

if(value==''||value==undefined||value==null){

callback();

}else {

if((!reg.test(value)) && value !='') {

callback(newError('请输入正确的电话号码'));

} else {

callback();

}

}

}

5、是否身份证号码

export function validateIdNo(rule, value,callback) {

constreg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

if(value==''||value==undefined||value==null){

callback();

}else {

if((!reg.test(value)) && value !='') {

callback(newError('请输入正确的身份证号码'));

} else {

callback();

}

}

}

6、是否邮箱

最低0.47元/天解锁文章