Vue实战(二):vue.js element-ui validate 中提交submit不执行的处理

问题描述:

今天遇到一个问题,在写validator的时候下面的方法一直不执行,只执行到  alert(“000000”)处,没有执行到alert(“11111”),尝试了好几种方法,只要把validator删了就能执行,欲哭无泪。

Vue实战(二):vue.js element-ui validate 中提交submit不执行的处理_第1张图片

Vue实战(二):vue.js element-ui validate 中提交submit不执行的处理_第2张图片

Vue实战(二):vue.js element-ui validate 中提交submit不执行的处理_第3张图片

 

2、查了好多方法,原来就是验证的validatePassword中少写了一个else 的callback,定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到。代码改成下面,就成功了。

const validatePassword = (rule, value, callback) => {
      if (!value) {
        callback(new Error('必须输入密码'))
      }
      if (!value.match('[a-zA-Z0-9]')) {
        callback(new Error('密码由6-12个字母或者数字组成'))
      } else {
        callback()
      }
    };

 

你可能感兴趣的:(Vue)