阻止表单提交，超链接默认行为

方法一：

<form action="" id="form1"><p>name: <input type="text" name="name" id="name" value=""></p><p>age:  <input type="text" name="age" id="age" value=""></p><p><input type="submit" value="提交" οnclick="return sub()"></p>
</form>
<script>function sub(){console.log(11);return false;}
</script>

方法二：

<form action="" id="form1"><p>name: <input type="text" name="name" id="name" value=""></p><p>age:  <input type="text" name="age" id="age" value=""></p><p><input type="submit" value="提交" οnclick="sub(); return false;"></p>
</form>
<script>function sub(){console.log(11);    }
</script>

方法三：

<form action="" id="form"><p>name: <input type="text" name="name" id="name" value=""></p><p>age:  <input type="text" name="age" id="age" value=""></p><p><input type="submit" value="提交" id="sub" ></p>
</form>
<script>$(function() {$('#sub').on('click', function(event) {event.preventDefault();console.log(11);});});
</script>

阻止超链接的默认行为也是一样，这里需要注意的是 return false; 既可以阻止默认行为也可以阻止事件冒泡

转载于:https://www.cnblogs.com/tqt--0812/p/6841763.html

阻止表单提交，超链接默认行为相关推荐

html中form表单提交和阻止表单提交的细节
如何阻止表单提交 HTML禁止表单提交方法源代码如下: form2.html <!DOCTYPE html> <html> <head> <meta cha ...
Javascript阻止表单提交
Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...
onsubmit阻止表单提交的一种方式
最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...
jQuery 阻止表单提交
1. 利用 οnsubmit="return false" 阻止表单提交 <form action="" method="get" ...
onsubmit阻止表单提交
在实际开发中往往会遇到检查表单数据的合法性,如果数据不合法,就不让其提交. 先看以下简单的代码. <meta http-equiv="Content-Type" conten ...
vue form sumit 防止提交 prevent 阻止表单提交
正常情况下 button是带sumit的属性的 <script setup lang="ts"> import {reactive} from "vue&qu ...
php阻止form提交表单提交,防止表单提交时刷新页面-阻止form表单的默认提交行为...
最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用 ...
如何阻止表单的默认提交事件
表单一点击提交按钮(submit)必然跳转页面,如果表单的action为空也会跳转到自己的页面,即效果为刷新当前页. 如下,可以看到一点击提交按钮,浏览器的刷新按钮闪了一下: 如果想要阻止表单的默认提 ...
解决表单提交的数据丢失问题
解决表单提交的数据丢失问题: 一.问题描述: 当我们在给前台页面设置修改功能的时候,因为有些信息是不允许进行修改的,所以在修改表单中没有相应的修改输入框,但是在修改表单的数据提交的时候,那些不允许修改 ...

阻止表单提交，超链接默认行为

阻止表单提交，超链接默认行为相关推荐

最新文章

热门文章