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()
      },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM