JavaScript

超轻量级php框架startmvc

浅谈layui 绑定form submit提交表单的注意事项

更新时间:2020-09-19 07:18:01 作者:startmvc
如下所示:<formmethod="post"class="layui-form"><inputtype="text"name="name"placeholder="用户名"required

如下所示:


 <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是本人最近学习中的东西,如有说错,欢迎及时留意指出!!

以上这篇浅谈layui 绑定form submit提交表单的注意事项就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

layui form submit 提交表单