JS手机号码校验

<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
    <el-form-item label="收件人手机号" prop="mobile">
        <el-input v-model="ruleForm.mobile" placeholder="请输入手机号"></el-input>
    </el-form-item>
</el-form>

<el-button @click="upSubmitForm('ruleForm')" type="danger">提交</el-button>

export default {
  name: "",
  data() {
    var checkPhone = (rule, value, callback) => { // 手机号验证
      if (!value) {
        return callback(new Error('手机号不能为空'));
      } else {
        const reg = /^1\d{10}$/
        if (reg.test(value)) {
          callback();
        } else {
          return callback(new Error('请输入正确的手机号'));
        }
      }
    }
 }
return {
    rules: {
        mobile: [
                { required: true, message: "请输入电话", trigger: "blur" },
                { validator: checkPhone, trigger: 'blur' }
        ],
    },
    ruleForm: {
        mobile: '',
    },
}


点击事件
upSubmitForm(formName) {
    this.$refs[formName].validate((valid) => {
        if (valid) {
            成功事件

        }else {
            console.log('error submit!!');
            return false;
        }
     }
}

 

直接写方法就是：

iphoneError(value){
    if(/^1\d{10}$/.test(value)){
        return true
    }else{
        return false
    }
}