輸入無效時如何不提交表單。

Question

我試圖防止未填寫“名稱”字段時提交表單，但是即使commitForm函數返回false時，表單仍繼續提交。 當用戶無法輸入名稱時（當我在瀏覽器上按回時，我可以看到），submitForm函數會將“名稱”字段變為黃色，但是該警報從不出現，並且表單仍在提交。 有任何想法嗎？

function submitForm() {
var valid = true;
var rform = document.forms[0];

if (testLength(rform.name)==false) valid=false;


if ((rform.member[0].checked || rform.member[1].checked)== false) {
  rform.member[0].style.backgroundColor="yellow";
  rform.member[1].style.backgroundColor="yellow";
  valid=false;
}

if (valid == false) alert("Enter all required information in the appropriate format");

return valid;
}

和表格。

<form id="reg" method="GET" action="processorder.php">
<input id="btnSubmit" type="submit" value="Submit Form" onclick="return submitForm();"/></p>

Answer 1

請嘗試使用form元素的onsubmit事件：

<form id="reg" method="GET" onsubmit="return submitForm();" action="processorder.php">
    <input id="btnSubmit" type="submit" value="Submit Form"/></p>
</form>