发布于 2017-03-10 08:03:57 | 20 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


本文介绍怎样利用JavaScript来阻止表单提交的两种方法,分别是return false和使用preventDefault(),有需要的可以参考借鉴,下面一起来看看。

在JavaScript中,阻止表单默认提交行为的方法有两种,分别是:

(1) return false

示例代码


<form name="loginForm" action="login.aspx" method="post">
 <button type="submit" value="Submit" id="submit">Submit</button>
</form>

<script>
 var submitBtn = document.getElementById("submit");

 submitBtn.onclick = function (event) {
  alert("preventDefault!");
  return false;
 };
</script>

(2) 使用preventDefault()

在标准浏览器中,阻止浏览器默认行为使用event.preventDefault(),而在IE6~8中,使用returnValue属性来实现。

示例代码


<form name="loginForm" action="login.aspx" method="post">
 <button type="submit" value="Submit" id="submit">Submit</button>
</form>

<script>
 var submitBtn = document.getElementById("submit");

 submitBtn.onclick = function (event) {
  alert("preventDefault!");
  var event = event || window.event;
  event.preventDefault(); // 兼容标准浏览器
  window.event.returnValue = false; // 兼容IE6~8
 };
</script>

以上就是利用JavaScript来阻止表单提交的两种方法的全部内容,希望本文的内容对大家使用JavaScript有所帮助。



相关阅读 :
利用JavaScript阻止表单提交的两种方法
js防止表单重复提交的两种方法
JavaScript表单验证的两种实现方法
JS去掉字符串前后空格、阻止表单提交的实现代码
mvc中form表单提交的三种方式(推荐)
JavaScript禁止用户多次提交的两种方法
JavaScript数组去重的两种方法推荐
Javascript中实现trim()函数的两种方法
Javascript使用function创建类的两种方法(推荐)
JavaScript重定向URL参数的两种方法小结
阻止表单提交按钮多次提交的完美解决方法
javascript实现表单提交后,提交按钮不可用的方法
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务