vant4组件form获取验证码

倒计时获取验证码

vant组件表单中单独校验输入手机号是否正确,正确之后才能获取验证码,这里就需要去监测输入是否正确,在标签rulus属性中确实有规则校验,但是只是校验提醒,不会影响下面点击获取验证码,也就是说手机号为空也能点击获取验证码。

前提van-field标签中有校验规则,在点击获取验证码时校验手机号,van-form标签加ref='form',要校验的van-field标签加上属性赋值name=‘属性名’,在getCode方法内获取表单的内容校验手机号,form.value,validate('属性名'),括号内不加值,校验表单所有内容。返回是个promise值,校验成功返回值,错误报错,不会执行后面的操作。

在输入手机号正确,验证码不满足rules校验时,点击登录为什么不触发?某个输入框的校验规则没有通过,那么整个表单的提交将会被阻止,也就是不会触发 @submit 事件。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值