Jquery submit on button

Question

У меня есть кнопка сохранения и продолжения. Поэтому я хочу, чтобы третий клик представил данные. Я написал для него следующий код. Но port port не работает.

$(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

Попробуйте следующий код

$(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> 

Так что, когда вы нажмете на другие две кнопки, форма не будет отправлена. Только при нажатии третьей кнопки ваша форма будет отправлена. Вот сценарий для отправки формы

$("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'); 
     } 
    }); 
});