Question

我正在尝试阻止表单在未填写“名称”字段时提交，但它会继续提交，即使commitForm函数返回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>

输入无效时如何不提交表格。

1 个答案: