jquery postメソッドと成功後のリダイレクト

Question

jqueryを使用してpostメソッドを作成しようとしています。私はそれを検証するためにフォームとbootstravalidatorでそれを使用しています。検証が成功すると、フォームがポストされ、PHPが動作します。今私は成功した投稿の後に別のページにリダイレクトしようとしています。ここでは、コードです：

$('#buy').click(function() { 
$.post('php/text.php', $('form#order').serialize(), function() {window.location.href = "index.html";}); 
}); 

私はいくつかの試みを試してみましたが、正しくwindow.location.href = "index.html";を取得することはできません。どちらの形式は

....でも、障害のある検証とリダイレクト、または何もまったく起こりません取得し、検証が正しい...

EDITある場合'php/text.php', $('form#order').serialize()'は唯一のアクションに入ったので、私は、それが奇妙見つける：

私はまた、フォームを検証するためにbootstrapvalidatorを使用しています。検証が完全に機能し、すべてがokeyならpostメソッドが実行されます。

Bootstrapvalidator：

$(document).ready(function() { 
     var validator = $('#order').bootstrapValidator({ 
      fields: { 
       email : { 
        message : "write email adress", 
        validators : { 
         notEmpty : { 
          message : "Show Email adress" 
         }, 
         stringLength : { 
          min : 6, 
          max: 35, 
         } 
        } 
       }, 
      } 
     }); 
     }); 

EDIT2：

HTML：あなたは#buyボタンをクリックし、さらにはあなたの場合は一度

<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="buy">Send</button> 
</form> 

Answer 1

あなたのフォームが送信されますJavaScriptコードが実行され、ページが更新されます。フォームの送信を無効にする場合は、$(form).on('submit', function() { return fase; })を使用できます。

これは、更新されたコードです：

$('#order').on('submit', function() { 
    $.post('php/text.php', 
      $('form#order').serialize(), 
      function() { 
       window.location.href = "index.html"; 
      } 
    ); 
    return false; 
}); 

更新

あなたがbootstrapvalidatorを使用するので、あなたは（プラグインは、あなたが使用する必要があるsubmitHandler機能を持っている）にも提出するプロセスのためのプラグインを使用する必要があります

これでバリデータの更新されたコード：

$(document).ready(function() { 
    var validator = $('#order').bootstrapValidator({ 
     fields: { 
      email : { 
       message : "write email adress", 
       validators : { 
        notEmpty : { 
        message : "Show Email adress" 
        }, 
        stringLength : { 
         min : 6, 
         max: 35, 
        } 
       } 
      }, 
     }, 
     submitHandler: function(validator, form, submitButton) { 
      $.post('php/text.php', 
       form.serialize(), 
       function() { 
        window.location.href = "index.html"; 
       } 
      ); 
    }); 
}); 

Answer 2

あなたは何かが間違っていると思います。

「bootstrapvalidator」の意味が分かりません。ブートストラップ自体は検証を提供せず、検証されたフォーム要素の視覚的な表示のみを提供します。

あなたが書いたコードは、「検証」を行いません。

この$('form#order').serialize()は、フォームをシリアル化し、「成功」のフォーム要素（「successfull」の定義についてはhttps://api.jquery.com/serialize/およびhttps://www.w3.org/TR/html401/interact/forms.html#h-17.13.2を参照）のみをシリアル化します。すべてのフォーム要素が「成功」でない場合は、他のすべてのフォーム要素は除外され、空の文字列になります。

とにかく、この文字列は（無条件で）$.post()メソッドに供給されるため、POST要求は常に実行されます。 POST要求が成功した場合（ステータスコード2xxまたは304）、リダイレクトを伴う成功ハンドラが実行されます。

したがって、目標を達成するには、がPOST要求を送信する前に、フォームの何らかの検証を行う必要があります。手作業で行うことも、フォーム検証のために作られたjqueryやbootstrapプラグインのonyを使うこともできます。

Answer 3

は私が

 $(document).ready(function() { 
      var validator = $('#order').bootstrapValidator({ 
        fields: { 
         email : { 
          message : "write email adress", 
          validators : { 
           notEmpty : { 
            message : "Show Email adress" 
           }, 
           stringLength : { 
            min : 6, 
            max: 35, 
           } 
          } 
         }, 
        } 
       }).bootstrapValidator('validate'); 
       }); 

     $(#button).click(function() { 
      var validator = $('#order').bootstrapValidator({ 
        fields: { 
         email : { 
          message : "write email adress", 
          validators : { 
           notEmpty : { 
            message : "Show Email adress" 
           }, 
           stringLength : { 
            min : 6, 
            max: 35, 
           } 
          } 
         }, 
        } 
       }).bootstrapValidator('validate'); 
      var isValid = true; 
      if($('#order').find('div.has-error').length > 0){ 
      isValid = false; 
      }; 
      if (isValid == true){ 
       $.post('php/text.php', $('form#order').serialize()); 
       $(location).attr('href','success.html');; 
      }; 
      }); 
     });