未填寫必填字段時停止提交表單

Question

我有以下function的問題，提交表單時，即使用戶沒有填寫必填字段，重定向仍然有效，您知道如何解決嗎？

var submitButton = document.getElementById("form-submit");
var submitEvent = function (event) {

  var SiteTestRedirect = document.getElementById("SiteTestfs").value;
  var SiteTestRedirectPopup = document.getElementById("SiteTestfspop").value;

  if (SiteTestRedirect === "I Wanna Work" || SiteTestRedirectPopup === "I Wanna Work As --") {
    event.preventDefault();
    location = "https://SiteTest.es/thank-you-start-with-us/";
  } else if (SiteTestRedirect === "Work" || SiteTestRedirectPopup === "Work") {
    event.preventDefault();
    location = "http://SiteTest.es/thank-you-start-with-us/";
  } else {
    setTimeout(function(){
      location = "https://SiteTest.es/thank-you/";
    }, 3500);
  }


};

submitButton.addEventListener("click", submitEvent, false);

這是我嘗試過的，但仍然發送了未填寫必填字段的表單：

function manualValidate(ev) {
  ev.target.checkValidity();
  return false;
}
$(".wpcf7-form").bind("submit", manualValidate);

Answer 1

它不起作用，因為您在單擊時更改了頁面的位置。 它與表單提交無關。 點擊動作完成。

因此，要么在單擊時調用的 function 中調用 checkValidity，要么將代碼移動到在提交時調用的 function 中。