layui表单2个按钮分别提交怎么做不同验证

layui表单2个按钮分别提交怎么做不同验证

1.业务场景
审核页面,一个是“通过”,一个是“拒绝”按钮,

<input type="button" id="ty"
       lay-submit lay-filter="ty" value="同意"/>
<input type="button" id="jj"
       lay-submit lay-filter="jj" value="拒绝"/>

 /**
         * 表单提交,同意
         */ 
        form.on('submit(ty)', function (data) {
           //失去焦点
            $(":focus").blur();
            let form_data = data.field;
        });
        /**
         * 表单提交,拒绝
         */
        form.on('submit(jj)', function (data) {
            //失去焦点
            $(":focus").blur();
            let form_data = data.field;
        });

如果是审核同意,需要一些必填项,拒绝就不要填写,实现功能的时候发现,拒绝也有验证,现在要在拒绝时不要验证
2.自定义表单验证

 form.verify({
            verify01: function (value, item) {debugger
                let t1=item.ownerDocument.activeElement.id;
                if (t1=="ty" && value == "") {
                    return '必填!!';
                }
            }
        });

通过自定义表单验证函数,在验证的时候判断点击的是哪个按钮id,item.ownerDocument.activeElement.id的得到的就是你点击的按钮的那个id,不用和lay-filter一样
3.debugger的时候一点点看item,都快看瞎了/(ㄒoㄒ)/~~,如果有其他的方法和想法欢迎交流讨论

你可能感兴趣的:(javascript)