JavaScript 如何阻止表單提交並在驗證失敗時重定向到上一頁？

阻止 JavaScript 中的表單提交

問題：

在 JavaScript表單驗證場景中，如何阻止表單提交當滿足一定條件時返回上一頁

答案：

有多種方法可以解決此問題：

方法1：使用PreventDefault()和驗證函數

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

在此方法中，如果驗證失敗，validateMyForm() 應傳回 false。

方法2：從驗證函數傳回值

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

在此腳本中：

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    return false;
  }

  alert("Validation passed!");
  return true;
}

方法三：設定returnValue屬性（需Chrome 27.0.1453.116 m)

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    event.preventDefault();
    event.returnValue = false; // Set `returnValue` to false
  }

  alert("Validation passed!");
  return true;
}

以上是JavaScript 如何阻止表單提交並在驗證失敗時重定向到上一頁？的詳細內容。更多資訊請關注PHP中文網其他相關文章！