当表单没有任何值时，这可以正常工作。但是，一旦我在文本框中输入了值，它仍然会发出相同的警报消息，即它在两种情况下都省略了“您必须输入值”，请参阅 if else 语句。下面的代码有什么错误？
<!doctype html>
<html>
<head>
<title>A Basic Example</title>
</head>
<body>
<p>A Basic Form Example</p>
<form action="#">
<p>Name <em>(Required)</em>: <input id="textbox1" name="textname" type="text" /></p>
<p><input id="submitbutton1" type="submit" /></p>
<script type="text/javascript">
var item = document.getElementById("textbox1").value.length;
var item1 = document.forms[0].textname;
function formValid() {
if (item == 0) {
alert("You must enter value");
}
else {
alert(item1);
}
}
var formEl = document.getElementById("submitbutton1");
formEl.addEventListener("click", formValid());
</script>
</form>
</body>
</html>
最佳答案
您在页面加载时而不是在函数运行时获取值的长度。
移动
var item = document.getElementById("textbox1").value.length
在函数内部。
关于javascript - 在文本框中输入值时不显示值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24141896/