阻止表單提交的JavaScript程式碼

Question

停止表單提交的一種方法是從您的JavaScript函數中傳回false。

點擊提交按鈕時，會呼叫驗證函數。我在表單驗證中有一個條件。如果滿足該條件，我會呼叫一個名為returnToPreviousPage();的函式。

function returnToPreviousPage() {
    window.history.back();
}

我正在使用JavaScript和Dojo Toolkit。

與其回到上一頁，它會提交表單。我該如何中止此提交並返回到上一頁？

Answer 1

使用防止預設

Dojo 工具包

雷雷

jQuery

# 雷雷

普通 JavaScript

雷雷

Answer 2

您可以使用函數的傳回值來阻止表單的提交

<form name="myForm" onsubmit="return validateMyForm();">

且函數如下：

<script type="text/javascript">
function validateMyForm()
{
  if(check if your conditions are not satisfying)
  { 
    alert("validation failed false");
    returnToPreviousPage();
    return false;
  }

  alert("validations passed");
  return true;
}
</script>

如果在Chrome 27.0.1453.116 m中上述程式碼不起作用，請將事件處理程序的參數returnValue欄位設為false。

感謝Sam分享資訊。

編輯：

感謝Vikram提供的解決方法，如果validateMyForm()回傳false：

<form onsubmit="event.preventDefault(); validateMyForm();">

其中validateMyForm()是一個在驗證失敗時傳回false的函數。關鍵點是使用名稱event。我們不能使用例如e.preventDefault()