DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 利用JavaScript阻止表單提交的兩種方法
利用JavaScript阻止表單提交的兩種方法
編輯:關於JavaScript     

在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有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved