表单输入框校验正则表达式汇总

weixin_45824116

已于 2023-09-07 14:08:55 修改

阅读量323

点赞数 2

CC 4.0 BY-SA版权

文章标签：正则表达式

于 2023-09-07 13:53:29 首次发布

本文链接：https://blog.csdn.net/weixin_45824116/article/details/132736235

这篇博客总结了常见的表单验证正则表达式，包括手机号、正整数、银行卡号、邮箱和密码的格式校验，确保输入的数据符合特定格式要求。

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

1、手机号格式校验
const validatePhone = (rule, value, callback) => {
const regExp = /^1\d{10}$/;
if (value && !regExp.test(value)) {
return callback(new Error('请输入正确的手机号格式'));
} else {
return callback();
}
};

2、正整数正则表达式
const validatePositiveInteger = (rule, value, callback) => {
const regExp = /^[+]{0,1}(\d+)$/;
if (value && !regExp.test(value)) {
return Promise.reject("请输入正整数");
} else {
return Promise.resolve();
}
};

3、银行卡号（5-30位以内正则表达式）
const validateBankNum = (rule, value, callback) => {
const regExp = /\d{5}|\d{30}/;
if (value && !regExp.test(value.replace(/\s*/g, ""))) {
return Promise.reject("请输入正确的银行卡号格式");
} else {
return Promise.resolve();
}
};

4、邮箱格式正则表达式（包含企业邮箱）

5、密码格式校验（8-12位包含数字、英文的密码正则表达式）

const validatePassWord = (rule, value, callback) => {
const regExp = /^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{8,12}$/;
if (!regExp.test(value)) {
callback(new Error('请输入8-12位包含数字、英文的密码!'))
} else {
callback()
}
};