Question

我正在尝试为HTML表单制作一个有效的javascript验证器以进行评估，我最初已经请教员来帮助我，但是他们无法解决问题。验证有效，直到我添加另一个输入进行验证，然后完全停止工作。我是javascript新手，以前从未使用过它。

我已经尝试过多次重新构建验证程序和订单表格。我已多次审查该代码，但无济于事。

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == " ") {
    alert("Name must be filled out");
    return false;
  }
  var y = document.forms["myForm"]["mname"].value;
  if (y == " ") {
    alert("middle name must be filled out");
    return false;
  }
}

<script src="Validator.js"></script>
<form name="myForm" onsubmit="return validateForm()" action="OrderConfirmed.htm" method="post">
  Name: <input type="text" name="fname" value=" "> Middle Name: <input type="text" name="mname" value=" ">
  <input type="submit" value="Submit">
</form>

预期结果是，当提交表单但字段为空时，将显示一条消息（对话框），告诉用户哪些输入未填写。

Answer 1

您可以使用'event.preventDefault'解决它。（但是您的代码也应该起作用...）这是示例代码：

from component update, <div class="messages-body">, 246, 0

HTML表单的Java验证无效

1 个答案: