私は現在htmlフォームを構築しており、jqueryを使用して検証しています。
各入力フィールドは次のように設定されます。
<div class="controls">
<input type="text" class="input-xlarge" name="name" id="name">
<div class="info"> </div>
<div class="valid" style="display:none;"> </div>
</div>
これまでの私のjqueryは次のとおりです。
$('.controls input').blur(function() {
if( !$(this).val() ) {
$(this).css('border-color','red');
$(this).find('.info').css('display','none');
$(this).find('.error').css('display','inline-block');
ユーザーがフォームを表示すると、info div が表示されます。情報を何も入力せずに入力をタブ移動してフォームを続行すると、エラー クラスが表示され、情報クラスが削除されます。
どこが間違っているのかについてのアイデアはありますか?
乾杯、ダン