2011-01-08 9 views
0

私はうまく動作するスクリプトを持っていますが、別の値で背景の位置を変更する2番目のタグを追加する必要があります。 $( '#box_inputR')を追加する必要があります。css( 'background-position'、 '0 -39px');さらに、を既存のスクリプトに追加します。IF文にTWOイベントを追加する...助けが必要です!

これで、ifステートメントの結果として2つのタグが変更されるようになりました。あなたはどうしますか? ANDはありますか?

<script type="text/javascript"> 
$(function() { 
$('#fastContact').formValidator({ 
scope : '#cform', 
errorDiv : '#errorDiv2', 
onError : function() { 

if ($('#box_inputA input').hasClass('error-input')) { 
$('#box_inputA , #box_inputR').css('background-position','0 -39px'); 
} else { 
$('#box_inputA , #box_inputR').css('background-position','0 0'); 
} 

if ($('#box_inputB input').hasClass('error-input')) { 
$('#box_inputB , #box_inputR').css('background-position','0 -39px'); 
} else { 
$('#box_inputB , #box_inputR').css('background-position','0 0'); 
} 

if ($('#box_inputM textarea').hasClass('error-input')) { 
$('#box_inputM').css('background-position','0 -84px'); 
$('#box_inputR').css('background-position','0 -39px'); 

} else { 
$('#box_inputM').css('background-position','0 0'); 
$('#box_inputR').css('background-position','0 0'); 
} 
} 
}); 
}); 
</script> 
+0

を。 ifを閉じてelseに入る前に、anotheステートメントを発行することができます。 – diagonalbatman

+2

ええと...あなたは 'if'の中でもう一方の文の後に1つの文を入れてみましたか?なぜあなたは '{}'が必要だと思いましたか? ;) –

答えて

1

これを試してください。私の構文はオフになっているかもしれません。私は本当にJavascriptを全く知らない。

<script type="text/javascript"> 
$(function() { 
$('#fastContact').formValidator({ 
scope : '#cform', 
errorDiv : '#errorDiv2', 
onError : function() { 
var error = false; 
if ($('#box_inputA input').hasClass('error-input')) { 
$('#box_inputA').css('background-position','0 -39px'); 
error = true; 
} else { 
$('#box_inputA').css('background-position','0 0'); 
} 

if ($('#box_inputB input').hasClass('error-input')) { 
$('#box_inputB').css('background-position','0 -39px'); 
error = true; 
} else { 
$('#box_inputB').css('background-position','0 0'); 
} 

if ($('#box_inputM textarea').hasClass('error-input')) { 
$('#box_inputM').css('background-position','0 -84px'); 
error = true; 
} else { 
$('#box_inputM').css('background-position','0 0'); 
} 

if(error == true) { 
    $('#box_inputR').css('background-position','0 -39px'); 
} 
else { 
    $('#box_inputR').css('background-position','0 0'); 
} 
} 
}); 
}); 
</script> 
+0

Heh、あなたはより速かった:Dほぼ同じ時間: –

+0

私はそれを試したが、正しく動作しなかった。フッターの連絡先フォーム(www.logicpkg.com)とメッセージフィールドを使用して検証を試してください。 – Erik

+0

@エリック:どういうことが起こったのでしょうか?私は空のフォームで "送信"をクリックし、すべての必須フィールドは赤に変わります。 –

0

私はよく理解していれば、あなたがこのする質問:あなたはあなたが好きなだけ追加することができます

if ($('#box_inputM textarea').hasClass('error-input')) { 
     $('#box_inputM').css('background-position','0 -84px'); 
     $('#box_inputR').css('background-position','0 -39px'); 
    } else { 
     $('#box_inputM').css('background-position','0 0'); 
     $('#box_inputR').css('background-position','0 0'); 
    } 
+0

私はそれを試しましたが、正しく動作しませんでした。フッターの連絡先フォーム(www.logicpkg.com)とメッセージフィールドを使用して検証を試してください。 – Erik

関連する問題