欢迎来到 万图素材
帮助中心

万图素材

Tp+layui提交按钮在form外面提交表单

摘要:Tp+layui提交按钮在form外面提交表单
  1. //js部分代码--------------------------------------

  2. //外部提交按钮绑定.listOrderBtn类

  3. $('.listOrderBtn').click(function() {

  4.     layui.use(['form'], function() {

  5.         var form = layui.form();

  6.         form.render();

  7.         //内部隐藏按钮绑定.formDemo1,执行模拟点击,监听事件提交前后都要加下列代码

  8.         $('.formDemo1').trigger('click');

  9.         form.on('submit(formDemo)', function(data) {

  10.             $.ajax({

  11.                 //ajax提交部分

  12.             })

  13.         })

  14.         //内部隐藏按钮绑定.formDemo1,执行模拟点击,监听事件提交前后都要加下列代码

  15.         $('.formDemo1').trigger('click');

  16.     })

  17.     

  18. })

  19. //html部分代码--------------------------------------

  20. <form>//表单范围内--------

  21. //内部提前按钮设置display:none隐藏

  22. <button style="display:none"  class="formDemo1"  lay-submit lay-filter="formDemo1">内部提交</button>

  23. </form>//表单范围内-------

  24. //外部按钮

  25. <button class="listOrderBtn">外部提交按钮</button>

商品评价(0)

后面还有条评论,点击查看>>
联系我们
Q Q:3078847178
电话:3078847178
时间:09:00 - 19:00
地址:广东省清远市清城区百家大街101号