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