注意事项:
1、layui 中提交按钮是基于“监听”机制实现的。
2、form.on() 的调用需置于 layui.use 的回调函数中。
3、末尾的 'return false' 不可或缺,以确保不会触发页面刷新。注意必须是 'return false',而不能简单写成 'return'。
抓取表单数据可按四步来实现:
1、禁用按钮。防止用户连续点击,需注意,在 Ajax 请求结束后(complete)再次显式启用按钮。
2、整合表单数据。很多时候,除了要获取正式表单的数据,还需要额外追加一些数据。
3、确定路径。有时候,同一个按钮可以表达多种操作,比如新增或修改。
4、发起请求。发起 Ajax 请求,向服务器传递参数,并在回调函数中对返回值做处理。
5、return false。
重要代码列举
1、HTML 声明
保存
如果仅需要监听效果(单击事件),则只需上述一个 button 以及 lay-filter 和 lay-submit。
如果需要收集表单元素的值,则还需要 form 以及其样式 layui-form。
2、js 事件监听// 保存
form.on('submit(btnSave)', function (data) {
console.info('开始保存');
// * 按钮禁用
var isDisabled = $("#btnSave").