浅谈layui 绑定form submit提交表单的注意事项
2019-10-25 18:07
3219 查看
如下所示:
<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提交表单注意点
- form表单提交,ajax请求 在火狐下注意事项
- layui使用AJAX提交表单的注意事项,记录踩过的坑
- Jquery easyui Form表单提交注意事项
- jquery在表单提交之前,给submit按钮绑定ajax请求需要注意的细节
- 表单提交的相关注意事项,submit-onclick-事件触发执行过程
- 使用Ajax方法实现Form表单的提交及注意事项
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- 利用ajaxSubmit()实现Form表单submit()提交后的回调函数
- Chrome浏览器中对form表单用onsubmit进行拦截后无法再次提交的问题
- form表单的两种提交方式,submit和button的用法
- 使用jquery 的form的submit()方法表单不提交的原因
- 表单提交验证onsubmit=" return checkForm()"无效,(验证用户名和密码是否为空)
- asp.net中通过form表单submit提交到后台的实例
- form的onsubmit事件--表单提交前的验证最佳实现方式(
- 简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
- iOS 带IAP提交注意事项及无法submit for review的解决方案
- form表单submit提交时,用ajax做异步验证
- 提交form 的时候一小点注意事项
- 有关onsubmit return false 阻止form表单提交:js