校验常用方法

最新推荐文章于 2024-06-19 01:22:05 发布

ps笔记

最新推荐文章于 2024-06-19 01:22:05 发布

阅读量87

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/lv_suri/article/details/133014907

版权

手机校验：

页面代码：

 <el-form-item label="手机号码" prop="chIssuerPhone" >
    <el-input v-model="form.chIssuerPhone" placeholder="请输入手机码"maxlength="11">        
    </el-input>
 </el-form-item>



script代码：

const validatePhone = (rule, value, callback) => {
const regExp = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
            if (!regExp.test(value)) {
                callback(new Error('请输入正确的手机号'))
            } else {
                callback()
            }
        }

 校验:
 formRule: {
   chIssuerPhone: [ {required: true, message: '请填写手机号码', trigger: 'blur'},
                    { validator: validatePhone, trigger: 'change' }]
  }