未填写必填字段时停止提交表单

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 中。