HTMLフォームアクション - "Order of Operation"

Question

jQueryを使用して検証された後、Ajax経由でphpファイルに送信されるHTMLフォームが私のサイトにあります。ここでは、フォームの開始タグです：

<form action="#" method="post"> 

私は形actionでpath_to_process_file.phpを置くことを考えていた（下図のように）彼らは彼らのブラウザでJavaScriptを無効にしている場合、彼らはまだ記入することができるようになりますようにフォームを提出してください。

<form action="../path_to_process_file.php" method="post"> 

私の質問：

• はJavaScriptが有効になっているときにフォームを送信する際、どのようなファイルの内容の業務の順序 "が含まれている必要がありますか？
• まず、PHPのアクションパスを使用しますか？それとも、JavaScriptを使って最初に提出しようとしますか？

**アップデート： 私のJSは、Ajax経由で送信するために使用されます。

$(document).bind("pageinit", function(event, data) { 
    $("#rackback-quote-request-form").validate({ 
     // Custom validation messages 
     messages: { quote_name: "Please enter your full name."}, 
     errorElement: "p", 
     submitHandler: function(form){ 

      //Get the data from the form fields and format correctly 
      var product = $("#rackback-quote-request-form #product").val(); 


      var data = 'product=' + product; 
      $.ajax({ 
       type: "POST", 
       url: "../php/QR-rackback.php", 
       data: data, 
       success: function(data) { 
         $("#rackback-quote-request-wrapper").hide(); 
         $("#rackback-quote-request-success").append("<center><h3>Thanks! Your quote request has been sent.</h3></center>"); 
        }, 
       error: function(){ 
        alert("Javascript error, please try again"); 
       } 
      }); 
      return false; 
     } 
    }); 
}); 

はどこevent.preventDefault();？**

Answer 1

あなたのJSは送信イベントに添付する必要があります。その場合、次のようにして自然に何をするのを防ぐことができます：

$('#form_id').submit(function(event) { 
    event.preventDefault(); 
    // use jQuery's ajax() method here to do what you want 
}); 

Answer 2

JavaScriptが最初に実行されるかけることになり、そしてそれを、あなたは、フォームを送信するのでは、通常の（HTMLの道を）を抑圧する可能性があります。

あり、使用するフレームワークに依存し、これを行うには多くの方法がありますが、シンプルな無地で次の手順を実行することができたJavaScript：

• は、フォームに「をonSubmit」イベントを接続します。
• フォームの「通常の提出」（HTML形式）を控えたい場合は、単にを返します。を返します。