【解决】LayUI表单验证，提交按钮在弹出层，lay-verify失效的情况

layui的表单是我特别常用的一个功能，这次在写添加和修改界面时，也顺手将layui的表单界面放进去，想着等会利用layui自带的表单验证功能将用户输入的值进行一一验证，没想到遇到了如题目所描述的情况。

在这里我并没有用到他自带的“立即提交”的submit按钮，而是弹出层的“确定”按钮，放代码：

//“新增信息”按钮点击事件
add.addEventListener("click", function () {

    layer.open({
        type: 1,
        title: '新增*****信息',
        content: $('#DomLeave'),
        area: ['80%', '80%'],
        btn: ['确定', '取消'],
        success: function (layero, index) {

           // 添加form标识
           layero.addClass('layui-form');
           // 将保存按钮改变成提交按钮
           layero.find('.layui-layer-btn0').attr({
              'lay-filter': 'formDemoDDD',//注：这个formDemoDDD可以自己随便取名
                                          //但是需要和确定按钮yes：里的
                                          //form.on('submit(formDemo)'对应
               'lay-submit': ''  //这里就是空的
           });
       
           form.render();

        },

        yes: function (layer_index) {

            form.on('submit(formDemoDDD)', function (data) {//与你自己取的名对应好
            //Ajax请求或者其他向后端的请求
            })
        }

这其中在success成功打开弹出层后，将弹出层的“确定”按钮，绑定成提交按钮，再之后就可以进行表单验证了。

如果这篇文章对你有参考意义，请顺手点个赞再走吧~

参考：链接

参考：链接