Layui form提交阻止刷新

最新推荐文章于 2025-09-11 02:17:40 发布

原创最新推荐文章于 2025-09-11 02:17:40 发布 · 1.6w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#其他

Layui 专栏收录该内容

12 篇文章

订阅专栏

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

部署运行你感兴趣的模型镜像

在点击事件第一行添加
  // 设置表单提交不刷新事件--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">

您可能感兴趣的与本文相关的镜像