Javascript 在未填写正确表单时禁用提交

在更正未填写的表单时，我遇到了禁用提交的问题。我的代码正常工作，但需要做一些修改和idk如何解决它。 我的js

所以我有形式，以什么形式输入事件时间和事件文本是必要的。所以我禁用了按钮并检查js的长度。问题是他们没有实时检查，需要单击一些东西，然后我的按钮就不会被禁用。 我试着这样改变js

$('#InputEventText').val($(this).val().length)   >   0 

---

但后来我选择了数据，在我的事件表单中写idk为什么10，什么都不做，提交不更改为不禁用。知道如何解决吗？

验证过程完成后，您可以使用javascript发送数据

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // response -> this.responseText;
  }
};
xhttp.open("POST", "URL", true);
xhttp.send(Data);

或

在表单标记中使用onsubmit事件。在该事件中执行验证

<form onsubmit="return validate()">

---

验证过程完成后，您可以使用javascript发送数据

xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // response -> this.responseText;
  }
};
xhttp.open("POST", "URL", true);
xhttp.send(Data);

或

在表单标记中使用onsubmit事件。在该事件中执行验证

<form onsubmit="return validate()">

---

如果您使用的是香草javascript，您需要做一些事情

为每个输入设置状态。这取决于你有多少输入。例如，

isNameValid=false

创建一个on change事件侦听器，并将其附加到所有要跟踪的输入。在事件侦听器中，您需要验证输入，将输入标记为有效，并运行一个检查所有输入状态是否为真的函数。如果所有状态均为true，则启用按钮，否则禁用它

---

如果您使用的是香草javascript，那么您需要做一些事情

为每个输入设置状态。这取决于你有多少输入。例如，

isNameValid=false

创建一个on change事件侦听器，并将其附加到所有要跟踪的输入。在事件侦听器中，您需要验证输入，将输入标记为有效，并运行一个检查所有输入状态是否为真的函数。如果所有状态均为true，则启用按钮，否则禁用它

---

您能否在SO代码段中提供最简单的示例？您需要删除禁用的属性，并且该属性将再次可供单击。当用户编写文本时，我需要可供单击。是否触发了

更改

事件？在itAlso中放置断点或打印，我们需要查看您的HTMLCA您可以在SO代码段中提供最小的示例吗？您需要删除禁用的属性，该属性将再次可供单击。我需要在用户编写文本时可供单击。是否触发了

更改

事件？在itAlso中设置断点或打印，我们需要查看您的HTMLDon，不要将HTML和JSI混合使用，我知道这不是好的做法。谢谢你@ChayimFriedman。我更新了我的答案。不要把HTML和JS混在一起。我知道这不是一个好的做法。谢谢你@ChayimFriedman。我更新了我的答案。