javascript - 输入无效时如何不提交表单。

Question

我试图阻止表单在“名称”字段未填写时提交，但它继续提交，即使 submitForm 函数返回 false。当用户输入名称失败时，submitForm 函数将 Name 字段变为黄色（当我在浏览器上按回时可以看到），但警报永远不会出现，并且表单仍然提交。有任何想法吗？

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

尝试使用表单元素的 onsubmit 事件：

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