el-form 触发单个校验

	 <el-form
        ref="loginForm"
        :model="loginForm"
      >
      	 <el-form-item
            prop="userPhone"
            :rules="[{validator: validatorPhone,required: true,trigger: 'blur'}"
          >
            <el-input v-model="loginForm.userPhone" placeholder="11位手机号" maxlength="11" @focus="phoneFocus" />
          </el-form-item>
      </el-form>
		 
//data:
 const validatorPhone = (rule, value, callback) => {
      if (value == '' || value == undefined) {
        callback(new Error('手机号不能为空'))
      } else if (Regx.isTel(value)) {
       callback()
      } else {
        callback(new Error('电话号码格式错误'))
      }
    }
 validatorPhone: validatorPhone  


//js---触发单个校验
this.$refs.loginForm.validateField('userPhone')

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值