0

私はフォームを検証するためにブートストラップとブートストラップバリデーターを少し使っています。すべて正常に動作しますが、メッセージが正常に送信された(またはsuccess.htmlページにリダイレクトされた)アラートが表示されます。ここでは例として、htmlコードは次のとおりです。ブートストラップとブートストラップ検証ツール:検証が成功した後で成功アラートを表示するには?

HTML:

のjQuery:ここ

<form id="order"> 
    <input type="text" name="name"/><br> 
    <input type="text" name="email"/><br> 
    <textarea name="comment"></textarea><br> 
    <button type="submit" name="send" id="send">Send</button> 
    <div class="alert alert-success" id="asked"> 
    <strong>Success!</strong> Indicates a successful or positive action. 
</div> 
</form> 

が検証jqueryのコードの抜粋である

 $(document).ready(function() { 
     var validator = $('#order').bootstrapValidator({ 
      fields: { 
       email : { 
        message : "Please insert Email", 
        validators : { 
         notEmpty : { 
          message : "Insert a valid email address" 
         }, 
         stringLength : { 
          min : 6, 
          max: 35, 
         } 
        } 
       } 
      } 
    }); 
}); 

何私のために働いたのは、ボタンをクリックした後に警告を表示して表示することです:

のjQuery:検証のすべてが緑の場合

$(document).ready(function(){ 
$("#asked").hide(); 
}); 

$('#send').click(function() { 
$.post('php/text.php', $('form#order').serialize()); 
$("#asked").show(); 
}); 

は、今私は、警告ショーアップを作りたいです。 $ .postメソッドでさえ、検証が成功した後でしか機能しませんでした。どのように私はアラートメッセージで同じことを達成できますか?前もって感謝します!

答えて

関連する問題