总结--表单校验

最新推荐文章于 2023-11-26 16:30:52 发布

迷迭绿

最新推荐文章于 2023-11-26 16:30:52 发布

阅读量99

点赞数

分类专栏：经验总结文章标签： css html html5

本文链接：https://blog.csdn.net/qq_42832151/article/details/121420672

版权

经验总结专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表单校验：

手机号：
if (/^1[34578]\d{9}$/.test(value) == false) {
callback(new Error("手机号格式错误"));
} else {
callback();
}

电话号码：
if (value && (!(/^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/).test(value))) {
callback(new Error('电话号码不符合规范'))
} else {
callback()
}

Email：
if (/^\w{1,64}@[a-z0-9\-]{1,256}(\.[a-z]{2,6}){1,2}$/i.test(value) == false) {
callback(new Error("邮箱格式错误"));
} else {
callback();
}

正整数：
if (value && !(/^[1-9]\d*$/).test(value)) {
        callback(new Error('只能填写正整数'))
} else {
        callback()
}
负整数：
if (value && !(/^-[1-9]\d*$/).test(value)) {
        callback(new Error('只能填写负整数'))
} else {
        callback()
}

英文字符：
if (value && !(/^[A-Za-z]+$/).test(value)) {
callback(new Error('只能填写英文字符'))
} else {
callback()
}

中文字符英文字符：
if (value && !(/^[A-Za-z0-9]+$/).test(value)) {
        callback(new Error('只能填写数字和英文字符'))
} else {
        callback()
}
中文字符：
if (value && (/[^\u4e00-\u9fa5]/).test(value)) {
        callback(new Error('只能填写中文字符'))
} else {
        callback()
}

只能输入英文或者数字：
if (value && !(/^[A-Za-z0-9]+$/).test(value)) {
        callback(new Error('只能填写英文或者数字'))
} else {
        callback()
}
20位数字国标编码校验，且为正整数：
if (value && !(/^[1-9]\d*$/).test(value)) {
        callback(new Error('只能填写正整数'))
} else {
        if (!/^[0-9]{20}$/.test(value)) {
                callback(new Error('请输入20位数字的编码！'));
        } else {
                callback();
        }
}

只能为中文：

/^[\u4E00-\u9FA5]+$/

只能输入5-25个字母、数字、下划线：

/^(\w){5,25}$/

6-20位英文字母、数字或者符号（除空格），且字母、数字和标点符号至少包含两种：

if (!/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$)([^\u4e00-\u9fa5\s]){6,20}$/.test(value)) { callback(new Error('不符合要求'))

} else {

callback()

}

中国大陆的手机号码：

pattern: /^1[34578]\d{9}$/, message: '目前只支持中国大陆的手机号码'

身份证号：
if (!value) {
        return new Error('请输入身份证号)')
} else {
        const reg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/
        const card = reg.test(value)
        if (!card) {
                callback(new Error('请输入正确的身份证号信息'))
        } else {
                callback()
        }

}
工商注册号的正则：/^[1-7]\d{14}$/
const re= /^[1-7]\d{14}$/
if (!value) {
        return callback(new Error('工商注册号不能为空'))
}
setTimeout(() => {
        if (reg.test(value.trim())) {
                callback()
        } else {
                callback(new Error('请输入正确的工商注册号'))
        }
}, 100)

组织机构代码的正则：/^\d{8}-?\d{1}$/
const reg = /^\d{8}-?\d{1}$/;
if (!value) {
        return callback(new Error('组织机构代码不能为空'))
}
setTimeout(() => {
        if (reg.test(value.trim())) {
                callback()
        } else {
                callback(new Error('请输入正确的组织机构代码'))
        }
}, 100)

组织机构代码的正则：/^\d{8}-?\d{1}$/
const reg =/^[a-zA-Z&.,\'\/\-\s]+$/g;
if (!value) {
        return callback(new Error('英文名称不能为空'))
}
setTimeout(() => {
        if (reg.test(value.trim())) {
                callback()
        } else {
                callback(new Error('请输入正确的英文名称'))
        }
}, 100)

车牌号：

[{required: true, message: '请输入车牌号', trigger: 'blur'},
{pattern:/(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/,message: '常规格式：晋B12345'},]

是否合法IP地址校验：

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();

}

input输入内容校验：

（1）输入大小写字母、数字、下划线：

（2）输入小写字母、数字、下划线：

（3）输入数字和点

（4）输入中文:

（5）输入数字:

（6）输入英文: