妥当性検査と奇妙なスクリプトの結果

Question

私は素晴らしい作品がありますが、小さな問題が1つあります。

私はちょうど私のスクリプトに追加：

 if (isError) { 
      $('html, body').animate({ 
       scrollTop: 0 
      }, 2500); 
     } else { 
      $("#error-div").hide(); 
     } 

は、今私は問題を抱えています。最後の入力バリデーションセット$（ '＃input_1 input'）は、入力に何かを入力するとerror-divを隠しています。他のすべての入力は赤で背景は変わりますが、スクリプトの最後の＃input1からエラーを取り除いた場合のみ、error-divは消えます。

最後の入力は、その入力にエラーがない場合はdivエラーをオフにします。

理解できません。どんな提案も素晴らしいだろう。

$(function() { 
$('#rbSubmit').formValidator({ 
    scope: '#form_register', 
    onError: function() { 
     var isError = false; 
     if ($('#input_38 textarea').hasClass('error-input')) { 
      isError = true; 
      $('#r38 div').css('background-color', '#C1272D').css('color', '#FFF'); 
      $("#error-div").show(); 
     } else { 
      $('#r38 div').css('background-color', '#2F2F2F'); 
      $("#error-div").hide(); 
     } 
     if ($('#input_39 input').hasClass('error-input')) { 
      isError = true; 
      $('#r39 div, #r39 input').css('background-color', '#C1272D').css('color', '#FFF'); 
      $("#error-div").show(); 
     } else { 
      $('#r39 div').css('background-color', '#2F2F2F'); 
      $("#error-div").hide(); 
     } 



     // LAST DIV ALONE WILL TURN OFF THE div-error!!! HELP!!! 


     if ($('#input_1 input').hasClass('error-input')) { 
      isError = true; 
      $('#r1 div, #r1 input').css('background-color', '#C1272D').css('color', '#FFF'); 
      $("#error-div").show(); 
     } else { 
      $('#r1 div').css('background-color', '#2F2F2F'); 
      $("#error-div").hide(); 
     } 
     if (isError) { 
      $('html, body').animate({ 
       scrollTop: 0 
      }, 2500); 
     } else { 
      $("#error-div").hide(); 
     } 
    } 
}); 
}); 

Answer 1

なぜあなたは$（ "＃error-div"）を実行していますか？と$（ "＃error-div"）。hide（）; elseブロック内にはそれぞれ？確かにエラーが検出された場合は、最後に実行することができます：

if (isError) { 
    $('html, body').animate({ 
     scrollTop: 0 
    }, 2500); 
    $("#error-div").show(); 
} else { 
    $("#error-div").hide(); 
} 

検証にはどのjQueryプラグインを使用していますか？

Answer 2

他の入力よりも高いのエラーdiv要素のzインデックスを与えてみてください。

http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

あなたはpositionプロパティを指定する必要があることにご注意ください。