Jquery submit on button click

Question

私は、保存して続行ボタンがあります。 3回目のクリックでデータを送信します。私はそれのために次のコードを書いています。しかし、送信ポートインが機能しません。

$(document).ready(function(){ 

var datastring=""; 

var d1= $("#Submit3").mousedown(function() { 
    alert("Event occurred"); 
    datastring = $("#reg_form").serialize(); 
    console.log(datastring); 
    }); 

function submit() 
{ 
    $('form').submit(function(){ 

     $.ajax({ 
      type: "POST", 
      url: "reg.php", 
      data: datastring, 
      success: function(data) { 
       console.log('Data send'); 
      } 
     }); 
    }); 
} 
    $.when(d1).done(submit()); 


});  

Answer 1

あなたは「提出」し、他の二つのボタンの種類は、ちょうどこのような「ボタン」である必要があります3つ目のボタンのボタンの種類を確認する必要があり、次のコード

$(document).ready(function(){ 
    $("#Submit3").on("click", function() { 
     alert("Event occurred"); 
     dataString = $("#reg_form").serialize(); 
     console.log(dataString); 
     submit(dataString); 
    }); 

    function submit(dataString) 
    { 
    $.ajax({ 
      type: "POST", 
      url: "reg.php", 
      data: dataString, 
      success: function(data) { 
       console.log('Data send'); 
      } 
     }); 
    } 
}); 

Answer 2

を試してみてください。

<button type="button">Save</button> 
<button type="button">Continue</button> 
<button type="submit">Submit</button> 

他の2つのボタンをクリックするとフォームが送信されないようにします。 3番目のボタンをクリックするだけで、フォームが送信されます。ここにスクリプトを書いてください。

$("form").submit(function(e){ 
    e.preventDefault(); 
    var formData=$("form").serialize(); 
    console.log(formData); 
    $.ajax({ 
     type: "POST", 
     url: "register.php", 
     data: formData, 
     success: function(response) { 
      console.log('Data send'); 
     } 
    }); 
});