gpt4 book ai didi

javascript - 如何使用 JavaScript 在特定的 HTML div 中显示消息?

转载 作者:行者123 更新时间:2023-11-30 12:07:38 27 4
gpt4 key购买 nike

这是我到目前为止尝试过的方法。

<head>
<script>
function myFunction() {
var a = document.forms["login"]["uname"].value;
var b = document.forms["login"]["pwd"].value;
if (a == "" || b == "") {
error = "All fields must be entered.";
document.getElementById("errorid").innerHTML = error;
}
}
</script>
</head>

<body>
<form name="login" action="">
<b>Enter username:</b>
<input type="text" name="uname" />
<br />
<b>Enter password:</b>
<input type="password" name="pwd" />
<br />
<p id="errorid"></p>
<input onclick="myFunction()" type="submit" />
</form>
</body>

</html>

但它没有在 p 标签中显示错误信息,并且 ID = errorid我写错代码了吗?如果是,那么如何解决?

最佳答案

您显示消息的代码是正确的,这里的问题是单击按钮时提交了表单。当条件不满足时,您需要阻止默认操作。

我建议您使用表单的 submit 事件,当返回 false 时,它将阻止默认操作(提交表单)。

<head>
<script>
function myFunction() {
var a = document.forms["login"]["uname"].value;
var b = document.forms["login"]["pwd"].value;
if (a == "" || b == "") {
error = "All fields must be entered.";
document.getElementById("errorid").innerHTML = error;
return false;
}
return true;
}
</script>
</head>

<body>
<form name="login" action="" onsubmit="return myFunction()">
<b>Enter username:</b>
<input type="text" name="uname" />
<br />
<b>Enter password:</b>
<input type="password" name="pwd" />
<br />
<p id="errorid"></p>
<input type="submit" />
</form>
</body>

</html>

关于javascript - 如何使用 JavaScript 在特定的 HTML div 中显示消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34721810/

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