关于layui 绑定form submit提交表单注意点

最新推荐文章于 2025-06-01 09:01:01 发布

迷途大灰狼

最新推荐文章于 2025-06-01 09:01:01 发布

阅读量8w

点赞数 13

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： layui form submit 绑定

本文链接：https://blog.youkuaiyun.com/sqlquan/article/details/81349184

layui 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了使用layui框架进行表单提交的方法，包括如何设置提交按钮及事件过滤器，并附带了具体的HTML和JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

				<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>

绑定button按钮作为提交按钮

1、必须加上lay-submit属性，这个文档没看到具体描述，应该是作为提交按钮的标识

这是文档的介绍

lay-submit

无需填写值

绑定触发提交的元素，如button

2、需要加上lay-filter="标识" 这个属性，这个是layui特有的事件过滤器，个人感觉就是选择器一样

这是文档的介绍

lay-filter

任意字符

事件过滤器（公用属性），主要用于事件的精确匹配，跟选择器是比较类似的。

layui是本人最近学习中的东西，如有说错，欢迎及时留意指出！！