您的代碼會在初始運行時檢查值。您需要附加事件copy
,paste
,change
, keypress
,,keyup
和input
。見例如:
$('input').on('copy paste keydown keyup keypress change input', function(){
var $input = $(this);
if($input.val() == ''){
$input.parent('.form-group').addClass('empty');
} else {
$input.parent('.form-group').removeClass('empty');
}
});
.form-group {
margin-bottom:10px;
}
.form-group.empty > input {
border:2px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<input name="name" type="text" placeholder="name"/>
</div>
<div class="form-group">
<input name="email" type="text" placeholder="email"/>
</div>
<div class="form-group">
<input name="address" type="text" placeholder="address"/>
</div>
做了什麼幫助? –