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

【问题标题】：Trying to post data with form, and check input field if empty尝试使用表单发布数据，并检查输入字段是否为空
【发布时间】：2017-06-22 21:37:33
【问题描述】：

我正在尝试创建一个可以搜索数据库的表单，但也有简单的错误处理，我可以在其中检查用户是否没有输入任何内容并运行函数 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";
  }
}

【问题讨论】：

javascript validation for empty input field的可能重复
这种东西网上肯定有足够的教程
我了解如何将函数从 html 传递给 js，但是当我有表单 action= http 时它不起作用......我在做什么错了吗？：
问题是什么？应该只有 1 个。

标签： javascript html post flask

【解决方案1】：

if 条件中使用空字符串代替“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>

【讨论】：