<分区>
我想在提交时文本框为空时显示一条错误消息,但它不起作用,每次我尝试通过控制台区域获取值时都返回未定义。
CSS
<style>
#error_alert {
visibility: hidden;
border: 1px solid #F00;
text-align: center;
width: 100px;
}
label,
input,
button {
display: block;
margin: 2px;
}
</style>
Javascript
<script>
function validate() {
var inputName = document.getElementsByName("fName")
if (inputName.value == " ") {
document.getElementById("error_alert").style.visibility = "visible";
}
}
</script>
HTML
<body>
<h1>Titulo</h1>
<p id="error_alert">invalid name</p>
<label>Name:</label>
<input type="text" name="fName" />
<label>e-mail:</label>
<input type="email">
<button onClick="validate()" type="button">Enviar</button>
</body>
PS:当我添加 x == null ||
作为条件的选项时,即使我在文本区域中写了一些东西,消息也会每次都可见。