el-form表单校验问题

mySunshine921

于 2023-03-10 08:54:02 发布

阅读量333

点赞数

分类专栏： vue form element 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/lxhmm921/article/details/129435275

版权

vue 同时被 3 个专栏收录

36 篇文章

订阅专栏

element

4 篇文章

订阅专栏

form

2 篇文章

订阅专栏

el-form表单校验
举例

//校验网址
let validateWebSite=(rule, value, callback)=>{
            //java规则——((http|ftp|https):\\/\\/[\\w\\-_]+(\\.[\\w\\-_]+)+([\\w\\-\\.,@?^=%&:/~\\+#]*[\\w\\-\\@?^=%&/~\\+#])?)
            let reg = new RegExp(/((http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?)/)//正则校验                 
            if(value){
                 if(!reg.test(value)){
                    callback(new Error('请输入正确的网址'))
                }else{
                    callback();
                }
            }else{
                callback();
            }
           
        }

在这里插入图片描述
漏写这个回调，校验通不过，valid不会为true