VUE表单自定义方法使用与实现
表单验证处调用phoneVerify自定义方法。
rules: {
phone: [
{required: true, message: '请输入电话', trigger: 'blur'},
{ validator: phoneVerify, trigger: 'blur' }
],
}
phoneVerify自定义方法正则使用。
//手机号验证
var phoneVerify = (rule, value, callback) => {
if(value){
var reg =/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
if(!reg.test(value)){
callback(new Error('请输入正确的手机号或者座机号格式'));
}
callback();
}
};
常用正则表达式
手机号
var reg=/^1[3456789]\d{9}$/;
固话或手机:
var reg =/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
邮箱
var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
微信号
var reg= /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/;
公司组织机构代码
reg= /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/;
公司组织机构代码
reg= /^[A-Z0-9]{8}-[A-Z0-9]$|^[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/;
正数(最多两位小数)
reg = /^(([1-9]\d*(\.\d{1,2})?)|(0\.\d{1,2}))$/;
域名
reg = /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?/;
身份证号(15位、18位数字):
reg = /^\d{15}|\d{18}$/;
短身份证号码(数字、字母x结尾):
reg = /^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$/;
日期格式:
reg = /^\d{4}-\d{1,2}-\d{1,2}/;
一年的12个月(01~09和1~12):
reg = /^(0?[1-9]|1[0-2])$/;
一个月的31天(01~09和1~31):
reg = /^((0?[1-9])|((1|2)[0-9])|30|31)$/;