要想使用layui的form表单提交监听事件,需要给form标签增加禁止自动提交的属性 οnsubmit="return false;
<form class="layui-form" action="" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary ml10">取消</button>
</div>
</div>
</form>
<script>
layui.use(['form','table','layer','jquery'], function() {
var $ = layui.jquery, form = layui.form, layer = layui.layer;
//监听提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
});
</script>