Jquery submit on button을 클릭하십시오.

Question

저장 버튼과 계속 버튼이 있습니다. 그래서 세 번째 클릭으로 데이터를 제출하겠습니다. 다음 코드를 작성했습니다. 그러나 제출 포트는 작동하지 않습니다.

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