Javascript阻止表单提交

Javascript阻止表单提交
Html
1.<form name="loginForm" action="login.aspx" method="post">
2.    <button type="submit" value="Submit" id="submit">Submit</button>
3.</form>
Js 第一种方法
1.<script>
2.    var submitBtn = document.getElementById("submit");
3.    submitBtn.onclick = function (event) {
4.        alert("preventDefault!");
5.        return false;
6.    };
7.</script>
Js 第二种方法
1.<script>
2.    var submitBtn = document.getElementById("submit");
3.    submitBtn.onclick = function (event) {
4.        alert("preventDefault!");
5.        var event = event || window.event;
6.        event.preventDefault(); // 兼容标准浏览器
7.        window.event.returnValue = false; // 兼容IE6~8
8.    };
9.</script>
出处 http://www.dengzhr.com

转载于:https://www.cnblogs.com/enych/p/9244417.html

Javascript阻止表单提交相关推荐

html中form表单提交和阻止表单提交的细节
如何阻止表单提交 HTML禁止表单提交方法源代码如下: form2.html <!DOCTYPE html> <html> <head> <meta cha ...
onsubmit阻止表单提交的一种方式
最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...
如何通过纯javascript实现表单提交
如何通过纯javascript实现表单提交通常,如果是POST方法,一般使用vuejs+axios,或使用Jquery实现表单提交.有些地方,我想使用纯JS实现,比方简单的登陆跳转.话不多说,看原代 ...
jQuery 阻止表单提交
1. 利用 οnsubmit="return false" 阻止表单提交 <form action="" method="get" ...
javascript实现表单提交加密
通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="" id="forms ...
html表单提交后显示,javascript – 在表单提交后在页面上显示消息
我有一个包含2个字段的表单(对于此示例),我使用 JavaScript验证,如果字段包含数据,则表单将在用户单击"提交"按钮时提交.我在表单标签中使用iframe将输出发送到同一页 ...
onsubmit阻止表单提交
在实际开发中往往会遇到检查表单数据的合法性,如果数据不合法,就不让其提交. 先看以下简单的代码. <meta http-equiv="Content-Type" conten ...
阻止表单提交，超链接默认行为
方法一: <form action="" id="form1"><p>name: <input type="text&q ...
javaScript技巧表:单提交验证类[转载]
1 表单项不能为空 <script language="javascript"> <!-- function CheckForm() { if (document ...

Javascript阻止表单提交

Javascript阻止表单提交相关推荐

最新文章

热门文章