Question

我试图拥有一个可以搜索数据库的表单，但也有简单的错误处理，我可以检查用户是否输入任何内容并运行validateForm函数。但是，我不确定如何做到这两点。

<form action="http://apsrd7252:5000/result/" method="POST">
  <input type="text" id="IDSub" name="hostname" />
  <input onclick="return validateForm()" type="submit" value="Submit" placeholder="Host Name" />
</form>

这是脚本

function validateForm() {
  var a = document.getElementById("IDSub");
  if( a.value == null) {
    alert("Please fill in an ID");
    return false;
  } else {
    window.location.href = "http://apsrd7252:5000/result";
  }
}

Answer 1

如果条件只使用像“”这样的空字符串，而不是“null”。

function validateForm() {
  var a = document.getElementById("IDSub");
  if( a.value == "") {
    alert("Please fill in an ID");
    return false;
  } else {
    window.location.href = "http://apsrd7252:5000/result";
  }
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <form action="http://apsrd7252:5000/result/" method="POST">
  <input type="text" id="IDSub" name="hostname" />
  <input onclick="return validateForm()" type="submit" value="Submit" placeholder="Host Name" />
</form>
  </body>

</html>

尝试使用表单发布数据，并检查输入字段是否为空

1 个答案: