只有当ID为"#lname“的输入保留为空时,我才尝试添加一个类(.error_msg),以通知客户端填充它。我不希望页面第一次加载时出现任何错误消息,但它必须在客户端单击submit之后才会出现。我不确定我做错了什么,页面上的消息是这样的,我目前所做的是: HTML:
<div id="form_div">
<form id="form_id">
<fieldset id="fieldset">
<div>
<label for="fname">First Name:</label>
<input type="text" id="fname" name="fname">
</div>
<div>
<label for="lname">Last Name:</label>
<input type="text" id="lname" name="lname">
<p class="error_msg">You must enter a last name</p>
</div>
</fieldset>
<br>
<button type="submit" id="btn_submit">Submit</button>
</form>
</div>
CSS:
.error_msg {
display: inline !important;
color: red;
font-size: 13px;
margin-left: 1em !important;
}
jQuery:
$("#form_div").submit(function(evt) {
if($('#lname').val() === ''){
$("#lname").addClass("error_msg");
}
});
https://stackoverflow.com/questions/41484880
复制相似问题