Question

我的JavaScript有什么问题？我想在validate-field旁边显示一个错误消息，但它没有显示任何内容。

＆＃13;

function validate() {
    if (document.myform.firstname.value == "") {
      document.getElementById('errorFirstname').innerHTML = "Error";
      return false;
    }

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script type="text/javascript" src="jsformular.js"></script>
  <meta charset="utf-8">
</head>

<body>
  <div id="formBody">
    <form name="myform" onsubmit="return validate()" method="post">
      <div class="formField">
        <div class="formFieldElement">
          <label for="firstname">Firstname:*</label>
        </div>
        <div class="formFieldElement">
          <input type="text" name="firstname">
        </div>
        <div class="formFieldElement formError" id="errorFirstname"></div>
      </div>
    </form>
</body>

</html>

＆＃13;

Answer 1

你在验证功能

中丢失了}

function validate() {
    if (document.myform.firstname.value == "") {
      document.getElementById('errorFirstname').innerHTML = "Error";
      return false;
    }
}

它的工作

Answer 2

您错过了功能结束时的近距离括号。

function validate() {
    if (document.myform.firstname.value == "") {
        document.getElementById('errorFirstname').innerHTML = "Error";
        return false;
    }
}

当我在字段中输入任何内容并点击回车键时，它显示错误消息。

为了在将来发现此类问题，我强烈建议您使用Chrome或Firefox附带的开发者控制台。它立即为我标记了错误，并显示以下错误消息：

Uncaught SyntaxError: Unexpected end of input

JavaScript表单 - 验证没有警报

2 个答案: