antdv中表单添加电话校验
这里是表单中的代码
<a-form-item label="客户电话" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input v-decorator="['customerPhone', {rules: [{ required: true, message: '请填写客户电话!',whitespace: true,},{validator:phoneCheck.bind(this)} ] },]" placeholder="请输入客户电话"></a-input> </a-form-item>
whitespace:是当输入的内容有空格时是否忽略(true:不忽略,有空格会错误;false:忽略,有空格的话自动过滤)
这里是methods中的校验方法:
phoneCheck(rule, value, callbackFn) { const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/ if (!reg.test(value)) { callbackFn('请输入正确的手机号码') return } callbackFn() },