//时间的正则表达式
var reg = /^(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;
var regExp = new RegExp(reg);
if(!regExp.test(value)){
alert("时间格式不正确,正确格式为:12:00:00");
return;
}
//去掉最后一个:[0-5]\d 表示没有秒表 即12:00
二、邮箱
/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
vue中格式校验例子
rules: {
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{
validator: function(rule, value, callback) {
if (/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/.test(value) == false) {
callback(new Error("请输入邮箱"));
} else {
//校验通过
callback();
}
},
trigger: "blur"
}
],
}
三、手机号码
/^(13[0-9]|14[0-9]|15[0-9]|16[6]|18[0-9]|19[6,9]|17[0-9])\d{8}$/i
vue中格式校验例子
rules: {
title: [
{ required: true, message: "请输入手机号", trigger: "blur" },
{
validator: function(rule, value, callback) {
if (/^(13[0-9]|14[0-9]|15[0-9]|16[6]|18[0-9]|19[6,9]|17[0-9])\d{8}$/i.test(value) == false) {
callback(new Error("请输入手机号"));
} else {
//校验通过
callback();
}
},
trigger: "blur"
}
],
}
四、只能输入中文
/^[\u4e00-\u9fa5]+$/
五、日期 2022-01-01
//日期的正则表达式
var reg = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;
var regExp = new RegExp(reg);
if(!regExp.test(value)){
alert("日期格式不正确,正确格式为:2022-01-01");
return;
}
六、日期+时间 2022-01-01 12:00:00
//日期+时间的正则表达式
var reg = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])\s+(20|21|22|23|[0-1]\d):[0-5]\d:[0-5]\d$/;
var regExp = new RegExp(reg);
if(!regExp.test(value)){
alert("时间格式不正确,正确格式为: 2022-01-01 12:00:00 ");
return;
}
});