本文介绍Layui框架中实现表单提交的关键属性。使用button作为提交按钮时，必须添加lay-submit标识，并配合lay-filter指定事件过滤器。通过form.on监听对应过滤器名称，可获取提交数据并控制提交行为，如返回false阻止默认跳转。
具体实现方式如下所示：
<form method="post" class="layui-form">
<input type="text" name="name" placeholder="用户名" required lay-verify="required" class="layui-input layui-form-danger login-input" >
<input type="password" name="password" placeholder="密码" required lay-verify="required" class="layui-input layui-form-danger login-input">
<button class="layui-btn layui-btn-fluid login-btn" lay-submit lay-filter="login" >登录</button>
</form>
</div>
</div>
<script type="text/javascript">
$(function () {
layui.use('form', function(){
var form = layui.form;
//监听提交
form.on('submit(login)', function(data){
console.log(data);
return false;
});
});
})
</script>
Layui Form 提交表单中 lay-submit 与 lay-filter 的使用要点
将button按钮设置为表单的提交按钮
1、必须添加 lay-submit 属性。文档中未对该属性进行详细说明，其作用主要是作为提交按钮的标识。
相关文档介绍内容如下：
| lay-submit | 无需填写值 | 绑定触发提交的元素，如button |
2、需要添加 lay-filter="标识" 属性。这是Layui特有的事件过滤器，其作用类似于选择器，用于精确匹配触发事件。
相关文档介绍内容如下：
| lay-filter | 任意字符 | 事件过滤器（公用属性），主要用于事件的精确匹配，跟选择器是比较类似的。 |
Layui是笔者近期正在学习的框架，如果文中存在错误，欢迎及时指出！
以上关于Layui绑定form submit提交表单的注意事项即为全部内容，希望能对读者有所帮助，也希望大家多多支持本站。