vue写表单验证器插件

龙在翔

已于 2022-10-25 17:36:50 修改

阅读量475

点赞数

分类专栏： VUE 文章标签： vue.js javascript ecmascript

于 2022-10-25 17:35:15 首次发布

本文链接：https://blog.csdn.net/qq_37196621/article/details/127517903

版权

这篇博客介绍如何利用Vue.js和JavaScript实现一个自定义的表单验证器插件，详细阐述了调用和使用的方法，对于Vue开发者在表单验证方面提供了实用的解决方案。

摘要由CSDN通过智能技术生成

        //表单验证器
        Vue.prototype.$verification=function (data,fun) {
            let $data1={};
            for(let key in data){
                let single=data[key];//单条数据
                let exp=data[key]['exp'];//需要怎样验证
                if(exp){
                    //需要验证,判断需要进行几个验证
                    for(let w=0;w<exp.length;w++){
                        //验证单个
                        if(exp[w].includes(":")){

                            let arr=exp[w].split(':');//进行拆分
                            if(exp[w].includes("equal")){
                                //判断两个值是否相等
                                if(single['value']!=data[arr[1]]['value']){
                                    this.$toast(single['alias']+ "和" + data[arr[1]]['alias'] + "不一致")
                                    return;
                                }