layui 两个按钮 - 一个按钮提交验证 一个按钮提交并不验证

787 阅读1分钟

昨天遇到一个问题,搞了好久都没有头绪, 一天下来 也没有解决问题, 今天早上 来了之后,换了一种思路,发现问题竟然如此简单,简直对自己 无以言表。。。 因为在网上搜索了许久都没有看到同样的问题,决定记录一下
问题描述: 一个表单, 保存草稿不验证, 下一步(提交)按钮需要验证

此为验证:lay-verify="required"

重点:

<form class="layui-form" lay-filter="formval"> </form>
<button type="button" class="layui-btn layui-btn-normal fullBtnBlue"
                                id="submit-save">保存草稿</button>
 layui.$('#submit-save').on('click', function(){
            var field = form.val('formval');
           console.log('获取表单的值:',field );
});

html:

 <form class="layui-form" lay-filter="formval">
         <input name="position" value="{$shop.position}" lay-verify="required" />
         <button type="button" class="layui-btn layui-btn-normal fullBtnBlue"
                                id="submit-save">保存草稿</button>
         <button type="button" class="layui-btn layui-btn-normal fullBtnBlue" lay-submit 
         lay-filter="submit-step">提交</button>
 </form>

js:

//表单取值--保存草稿
    layui.$('#submit-save').on('click', function(){
            var field = form.val('formval');
            layer.load();
            $.post('{:url("shop/account/savedraft")}',field,function(res){
               //接口提交成功

            });
            return false;
    });
    //提交
    form.on("submit(submit-step)",function(_form){
            layer.load();
            $.post('{:url("shop/company/collectTwo")}',_form.field,function(res){
                //接口提交成功
            });
        });