Layui Form 提交表单中 lay-submit 与 lay-filter 的使用要点

作者：资源驿站时间：2026-10-23 12:23:51浏览：317

本文介绍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 属性。文档中未对该属性进行详细说明，其作用主要是作为提交按钮的标识。