2012-04-17 10 views
0

私は変更したいバリデーションスクリプト(親スクリプトを呼び出す)を持っています。バリデーションスクリプト(jquery/javascript)にDIVを追加

のエラーが発生した場合は、フォームの上にアラートとして隠しDIVを表示したいとします。

私の既存のスクリプトにこれを追加する方法はあります:

<script type="text/javascript"> 
    $(function() { 
    $('#rbSubmit').formValidator({ 
     scope: '#form_register', 
      onError: function() { 
      if ($('#input_1 input').hasClass('error-input')) { 
       $('#r1 div, #r1 input').css('background-color', '#C1272D').css('color', '#FFF'); 
      } else { 
       $('#r1 div').css('background-color', '#E8E8E8'); 
      } 
      if ($('#input_1 input').hasClass('error-input')) { 
       $("#r1 .ts").css("background-position", "-928px -318px"); 
      } else { 
       $('#r1 div').css('background-color', '#E8E8E8'); 
      } 
      if ($('#input_2 input').hasClass('error-input')) { 
       $('#r2 div, #r2 input').css('background-color', '#C1272D').css('color', '#FFF'); 
      } else { 
       $('#r2 div').css('background-color', '#E8E8E8'); 
      } 
     } 
    }); 
}); 
</script> 

答えて

0
  1. でDIVは、あなたがそうすることができないメッセージを追加する必要がある場合は、エラーが発生した

    は、

    $("#error_div").show();を行います。

  1. 使用$( "#のdivError).htmlを(" Errorステートメント ");

http://api.jquery.com/html/

うまくいけば、これはあなたが探していたものです

0

style="display:none"DIVを作成します。 divのIDはerror_divと仮定します。あなたは、フォームなどで空のdivを定義$("#error_div").text("error in input 2");