在Javascript中不断提示用户输入正确的内容

在Javascript中不断提示用户输入正确的内容,javascript,html,Javascript,Html,我试图找出一种方法,确保用户为我正在做的个人网站项目输入有效的输入。我一直在寻找这样做的方法,现在有一段时间了,但我没有找到。在C++中,或者大多数其他语言,我认为这是相当简单的。比如说, 字符串示例; 举例说明; 而(示例>100){ cin>>示例; } 这将确保用户只输入有效信息 通过我的Javascript/HTML代码,我得到了如下的初始用户输入 <input id = "example" type="text" placeholder="Enter Here" onchang

我试图找出一种方法,确保用户为我正在做的个人网站项目输入有效的输入。我一直在寻找这样做的方法,现在有一段时间了,但我没有找到。在C++中,或者大多数其他语言,我认为这是相当简单的。比如说,

字符串示例;
举例说明;
而(示例>100){
cin>>示例;
}
这将确保用户只输入有效信息

通过我的Javascript/HTML代码,我得到了如下的初始用户输入

<input id = "example" type="text" placeholder="Enter Here" onchange="foo()">

然后在javascript文件中,我首先尝试在while循环中添加一个警报,但这不允许用户输入新信息,因为javascript将继续执行下一个函数/部分代码

然后我尝试添加一个事件侦听器,但我仍然不确定如何让代码在该点暂停,以确保用户在继续之前输入有效信息


任何帮助都将不胜感激。

在JavaScript中不使用循环,因为循环不能停止等待用户填写字段

而是检查用户在字段中输入输入时运行的函数是否满足结束条件。这是
foo()
函数

let input=document.getElementById(“示例”);
让output=document.getElementById(“output”);
让message=document.getElementById(“提示符”);
函数foo(){
让value=parseInt(input.value);
如果(值>100){
message.classList.add(“错误”);
input.focus();
}否则{
output.innerText=“恭喜你,你赢了!”;
input.style.display=“无”;
message.classList.remove(“错误”);
}
}
。错误{
颜色:红色;
}
请输入100以下的数字:

JavaScript是事件驱动的。您不需要重复请求输入,只需在用户每次输入输入时执行某些操作。在本例中,
foo()
函数运行。我知道foo()函数运行,但如果输入无效,我希望程序暂停,最好不要运行该函数。如果没有办法做到这一点,我只需要找出重复输入而不必循环的方法。常见的模式是让用户填写表单,然后用onsubmit=检查表单,如果表单无效,则显示错误消息并阻止用户继续。我将不得不重新构造一部分代码,但这给了我一个想法。感谢您的解释Web应用程序的结构与普通控制台应用程序不同。你需要学习这个范例。当然要注意。再次感谢