Javascript 在多步骤表单中单击按钮提交表单

我有一个表单，它有一个保存并继续按钮。所以我想第三次点击提交数据。我已经为此编写了以下代码。但是提交部分不起作用

$(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 sent');
            }
        });
    });
}   
    $.when(d1).done(submit());
    
    
});     

请尝试以下代码

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

---

您需要将第三个按钮的按钮类型设置为“提交”，其他两个按钮的类型应为“按钮”，如下所示

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

---

为什么要使用

$。当
但不在
mousedown
函数中调用
submit（）
时？我也尝试过，但不起作用不..提交部分甚至不起作用run@KratiChaturvedi您是否希望表单正常提交？或者ajax？如果这是您想要做的，请将其标记为“答案”。它们表明您声明函数的方式是错误的。您已经在表单提交函数中编写了该函数。
$("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');
        }
    });
});