如何使用Javascript添加事件侦听器验证用户输入？

我希望用户输入正确的总和，javascript需要验证这一点。验证完成后，它将带来一个文本文件。我的工作到目前为止，有什么建议吗

   <fieldset>
    <legend style="font-size: 30px; color: red;">Verification table</legend>
    <form>
    <label>The sum of 7 + 2 : </label> <input type="number" id="inputNumberBox" />
    <button type="submit" id="submitBtn" onsubmit="myFunction()">Hit me Baby!!
    </button>
    </form>
    </fieldset>


    <script>
function myFunction() {
        var inputValue = document.getElementById("inputNumberBox").value;
        function checkValidation() {
            if (inputValue == 9) {
                var client = new XMLHttpRequest();
                client.open('GET', '/testText.txt');
                client.onreadystatechange = function () {
                    alert(client.responseText);
                }
                client.send();
            }
            else {
                window.alert("Try again"); 
            }
        }
        clickButton.addEventListener("click", checkValidation, false);

    }    
 </script>

验证表
7+2之和：
打我，宝贝！！
函数myFunction（）{
var inputValue=document.getElementById（“inputNumberBox”）.value；
函数checkValidation（）{
如果（inputValue==9）{
var client=new XMLHttpRequest（）；
open（'GET'，'/testText.txt'）；
client.onreadystatechange=函数（）{
警报（client.responseText）；
}
client.send（）；
}
否则{
window.alert（“重试”）；
}
}
clickButton.addEventListener（“单击”，检查验证，错误）；
}    

您有许多不必要的函数甚至没有被调用，您可以删除

checkValidation（）

和

readText（）

，其中的代码可以原样显示，请参见下面我的意思-

function myFunction() {
  var inputValue = document.getElementById("inputNumberBox").value;
  var clickButton = document.getElementById("submitBtn");
  if (inputValue == 9) {
    // enter your code for getting the text file
  } else {
    window.alert("Try again");
  }
}

另外，在

html

中，您已经定义了事件侦听器，

onsubmit

myFunction（）

被调用，因此JS代码的最后一行也不再需要了。

---

请参阅工作示例。

您有许多不必要的函数甚至没有被调用，您可以删除

checkValidation（）

和

readText（）

，其中的代码可以原样显示，请参见下面我的意思-

function myFunction() {
  var inputValue = document.getElementById("inputNumberBox").value;
  var clickButton = document.getElementById("submitBtn");
  if (inputValue == 9) {
    // enter your code for getting the text file
  } else {
    window.alert("Try again");
  }
}

另外，在

html

中，您已经定义了事件侦听器，

onsubmit

myFunction（）

被调用，因此JS代码的最后一行也不再需要了。

---

请参阅工作示例。

首先用空格整齐地缩进代码。您能格式化代码吗。还有为什么要嵌套函数？主要问题是什么：如何验证或如何加载文件？@vmaksym首先我想验证用户输入，然后如果验证通过，我想打开这个文本文件。首先用空格整齐地缩进代码。你能格式化代码吗。还有为什么要嵌套函数？主要问题是：如何验证或如何加载文件？@vmaksym首先我要验证用户输入，然后如果验证通过，我要打开此文本文件。您现在可以检查吗？我不知道如何调用本地文件。@EvaStuart我认为这可能对您有所帮助-您现在可以检查吗？我不知道如何调用本地文件。@EvaStuart我想这可能会对您有所帮助-