Question

我有一个有保存和继续按钮。所以我希望第三次点击提交数据。我已经为它编写了以下代码。但提交portin不起作用。

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

您需要将第三个按钮的按钮类型设置为＆＃34;提交＆＃34;其他两个按钮的类型应为＆＃34;按钮＆＃34;像这样。

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

Jquery按钮点击提交

2 个答案: