AntDesign1.x中的a-input组件添加手机格式、身份证号格式验证

<template>
<!-- 身份证号 -->
<a-input
v-decorator="[
record.model, // input 的 name
{
initialValue: getInitlVal(record), // 默认值
rules: [
{
required: true,
message: '必填项,请输入数据!!!',
trigger: 'blur',
},
{ validator: this.validIdCard }
]
}
]"
/>
<!-- 手机号 -->
<a-input
v-decorator="[
record.model, // input 的 name
{
initialValue: getInitlVal(record), // 默认值
rules: [
{
required: true,
message: '必填项,请输入数据!!!',
trigger: 'blur',
},
{ validator: this.validNumber }
]
}
]"
/>
<template/>
methods: {
validIdCard(rule, value, callback) {
const idCardRegex = /^\d{15}(\d{2}[\dxX])?$/;
let arr = /^\d+$|^\d+[.]?\d+$/;
if (!value) {
callback()
}else if(!idCardRegex.test(value)) {
callback(new Error('身份证号格式不正确'))
} else {
// await this.getChangeID(value)
callback()
}
},
validNumber(rule, value, callback) {
const phoneRegex = /^1[3-9]\d{9}$/;
let arr = /^\d+$|^\d+[.]?\d+$/;
if (!value) {
//callback(new Error('请输入电话号码'))
callback()
} else if (!arr.test(value)) {
callback(new Error('请输入数字'))
} else if(!phoneRegex.test(value)) {
callback(new Error('手机号格式不正确'))
} else {
// await this.getChangeID(value)
callback()
}
},
}
posted @   Felix_Openmind  阅读(117)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示