vue 页面电话号码或者手机号验证

最新推荐文章于 2024-07-31 09:42:21 发布

djq8080

最新推荐文章于 2024-07-31 09:42:21 发布

阅读量1.7k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/djq8080/article/details/108361854

版权

//输入手机号或者座机号

<a-col :md="12" :sm="8">
          <a-form-item
            :labelCol="labelCol"
            :wrapperCol="wrapperCol"
            label="电话">
            <a-input placeholder="请输入电话" v-decorator="['phone', validatorRules.phone ]" />
          </a-form-item>
        </a-col>

//验证方式

 validatorRules:{
        phone:{rules: [{required: true, message: '请输入电话!' },{ pattern: /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/, message: '请输入正确的电话号码或座机号码' }]},
        principalPhone:{rules: [{required: true, message: '请输入负责人电话!' },{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的负责人电话' }]}
        }