首页 > 其他 > 详细

antdv中表单添加电话校验

时间:2020-06-11 13:55:05      阅读:411      评论:0      收藏:0      [点我收藏+]

这里是表单中的代码

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

 

antdv中表单添加电话校验

原文:https://www.cnblogs.com/yaya-003/p/13092114.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!