如何使输入值得到验证？答案

【问题标题】：How do I make the input value get verified?如何使输入值得到验证？
【发布时间】：2019-12-12 01:41:04
【问题描述】：

我正在尝试编写一个基本的一阶方程计算器，但我的输入值没有得到验证，有人可以帮忙吗，感谢您的关注

<!DOCTYPE html>
<head>
<script src="scriptfoda.js" type="text/javascript"></script>
<script>
var eq = Document.getElementById('cu');
var someigual = eq.slipt("=");
function butao() {
  if (eq.value.includes("x") && eq.value.includes("=") == false){
      eq.innerHTML = "PLEASE PUT X AND = IN THE EQUATION";
  }
}
</script>
</head>
  <body>
    <button type="button" name="button" onclick="butao()">top</button>
    <input type="text" size="99" id="cu" placeholder="coloque uma equaçao de 1 grau com 1 icognita">
    <p id="error"></p>
  </body>
</html>

【问题讨论】：

我假设 var someigual = eq.slipt("="); 应该是 split .. 所以 var someigual = eq.split("=");

标签： javascript html css performance frontend

【解决方案1】：

您的代码存在一些问题，因此请提供一些反馈。当您的脚本初始化时，您正试图获取eq 的初始值，但它只会获得一次该值，而不是每次点击。这个应该移到butao里面

您的if 语句没有按照您的想法执行，它正在检查它是否包含x 以及是否不包含=。我假设您想要的是检查eq.value 确实是否包括x 和=，因此您要确保两者都没有丢失，因此检查它们中的任何一个是否为假，然后把错误。

你想要document.getElementById()而不是Document.getElementById()

您（很可能）想要更改输入的值，而不是 innerhtml

slipt 不是函数，我假设你拼错了split

function butao() {
  
  var eq = document.getElementById('cu');
  var someigual = eq.value.split("=");

  if (!eq.value.includes("x") || !eq.value.includes("=")) {
    eq.value = "PLEASE PUT X AND = IN THE EQUATION";
  } 
  
}

<!DOCTYPE html>
<body>
  <button type="button" name="button" onclick="butao()">top</button>
  <input type="text" size="99" id="cu" placeholder="coloque uma equaçao de 1 grau com 1 icognita">
  <p id="error"></p>
</body>

</html>

【讨论】：

我知道的大胆假设，但他们可能想要 error 容器中的 error 消息，所以 var error = document.getElementById(error); 和 error.innerHTML= "PLEASE PUT X AND = IN THE EQUATION";
是的，我打算这样做，但不想通过做出这些假设来改变代码。正如他们所说，“安全总比后悔好”（尽管风险很低......）