js阻止表单默认提交并刷新页面

Posted IT-nose

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js阻止表单默认提交并刷新页面相关的知识,希望对你有一定的参考价值。

一、阻止刷新页面

在表单中的提交按钮<button></button>标签改为<input type="button">或者在<button>中添加属性 type="button"

<button type="button" class="update_group"></button>

  
二、阻止表单的默认提交

  1、使用preventDefault()

$("#uploadVideoForm").submit(function(e){ //uploadVideoForm为表单名称
   e.preventDefault()
});

  2、使用return false;

$("#uploadVideoForm").submit(function(e){//uploadVideoForm为表单名称
  return false;
});

  

以上是关于js阻止表单默认提交并刷新页面的主要内容,如果未能解决你的问题,请参考以下文章

阻止表单的默认提交事件

vue + element ui 阻止表单输入框回车刷新页面

阻止表单提交刷新页面的问题

js阻止页面刷新

submit和ajax提交的区别

使用JS对form的内容验证失败后阻止提交