element-ui的表单验证this.$refs[formName].validate的代码不执行

最新推荐文章于 2024-04-09 18:40:00 发布

转载最新推荐文章于 2024-04-09 18:40:00 发布 · 507 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shuen/p/9468142.html

文章标签：

#ui #javascript #ViewUI

本文介绍了一种自定义表单验证的方法，特别是在Vue.js环境中如何实现手机号验证的具体细节。文章详细展示了验证函数的写法，并强调了回调函数callback的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经过排查，如果自定义验证中，每种情况都要写明确和有回调函数callback

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