gpt4 book ai didi

javascript - 在用户在文本字段中输入的同时检查

转载 作者:行者123 更新时间:2023-12-02 20:05:30 25 4
gpt4 key购买 nike

我试图编写一个脚本来检查第二个文本字段是否与第一个字段中的数据相同。当用户在第二个文本字段中输入时,脚本会不断告诉他是否正确。如果通过将标签设置为“电子邮件不匹配”,脚本立即指出他犯了一个错误。

但是到目前为止我还没有成功。

脚本:

window.onload = startChecker;

function startChecker() {
//while(true) {
if( document.getElementById("first_field").value != "" ) {
var idFromFirstField = document.getElementById("first_field").value;
if(idFromFirstField != document.getElementById("second_field").value ) {
document.getElementById("alert_message").value = "Incorrect Email ! ";
} else {
document.getElementById("alert_message").innerHTML = "Two emails match !";
}
}
//}
}

如果这是 HTML 文件:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="cross_checker.js">
</script>
<title>Untitled Document</title>
</head>

<body>
<form>
<label>Email<input type="text" id="first_field" /></label> <br /> <br />
<label>Verify your Email<input type="text" id="second_field" /></label> &nbsp;&nbsp;
<label id="alert_message" value="" style="color:#CC0000"></label>
<!--the above label outputs if the user is entering the same id !--->
<br /> <br />
<input type="submit" value="submit" style="color:#CC0000"/>
</form>
</body>
</html>

早些时候,我尝试使用无限 while 循环,但这会挂起浏览器,有时浏览器会不断获取页面。

我如何改进这个脚本,以便我能够立即检查用户的操作是对还是错?

最佳答案

将 keyup 处理程序添加到输入元素。在 HTML 代码中,添加 onkeyup="startChecker();"

使用 JavaScript,您可以动态分配事件处理程序,如下所示:

if(window.addEventListener) element.addEventListener("keyup", startChecker, true); //All major browsers
else if(window.attachEvent) element.attachEvent("onkeyup", startChecker);
else element.onkeyup = startChecker;
//Where element refers to the HTML element.

关于javascript - 在用户在文本字段中输入的同时检查,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7472828/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com