Vue校验
Vue校验使用说明
这是博主第一次使用vue语法校验的学习心得,希望大家可以多多交流!
创建校验文件
创建validator.js文件,目录结构如下图所示:
校验引用
第一步:在scrpt标签最上方引入:
import validator from ‘@/components/js/validator’
第二步:对指定的字段进行引用,如下:
{required: true, validator:validator.validatePhone,trigger:‘blur’}
具体校验方法
是否合法IP地址
validate.validateIP= function(rule, value,callback) {
if(value==''||value==undefined||value==null){
callback();
}else {
const reg = /^(\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])\.(\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(new Error('请输入正确的IP地址'));
} else {
callback();
}
}
}
是否手机号码或者固话
validate.validatePhoneTwo= function(rule, value, callback) {
const reg = /^((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(new Error('请输入正确的电话号码或者固话号码'));
} else {
callback();
}
}
}
是否固话
validate.validateTelphone= function(rule, value,callback) {
const reg =/0\d{2,3}-\d{7,8}/;
if(value