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() } }, }
学而不思则罔,思而不学则殆!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具