Layui form提交阻止刷新

BugRoot

于 2020-08-16 10:45:36 发布

阅读量1.6w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Layui 文章标签：其他

本文链接：https://blog.youkuaiyun.com/BugRoot/article/details/108033311

Layui 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在网页表单提交过程中防止页面刷新的方法，通过使用JavaScript阻止默认事件，并将提交按钮类型由'submit'更改为'button'，有效避免了表单提交时的页面跳转，提升了用户体验。

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

在点击事件第一行添加
  // 设置表单提交不刷新事件--Start
    function stopDefault( e ) {
       //阻止默认浏览器动作(W3C)
      if ( e && e.preventDefault ){
        e.preventDefault();
      }else{//IE中阻止函数器默认动作的方式
        window.event.returnValue = false;
      }

      return false;

    }

    stopDefault();
    // 设置表单提交不刷新事件--End

提交类型修改为button
<input xxxxxxxx    type="button">