2个提交按钮在一个表单中，主提交按钮不提交值

Question

在 WordPress 购物车表单中，我添加了地址搜索按钮作为提交按钮和另一个“下订单”提交按钮来提交所有字段值。两个提交按钮的格式相同。

如果我在下面添加，地址搜索功能可以正常工作。但是，第二次提交操作不能作为从插件和主题获取操作脚本。无法保存地址。

我们可以通过任何方式更改输入按钮类型以进行表单提交或更改地址触发操作

我使用的地址搜索jquery代码：

$("form.edit-address-details").submit(function(e) {
    e.preventDefault();
    var address = $("#billing_postcode").val();     
    $.ajax({
        url:        'http://gothere.sg/maps/geo',
        dataType:   'jsonp',
        data:       {
            'output'    : 'json',
            'q'         : address,
            'client'    : '',
            'sensor'    : false
        },
        type:   'GET',

.......

Answer 1

不要引用表单提交方法，而是尝试捕获表单按钮点击事件：

$('#submit_button_1').click(function(e){
     e.preventDefault();
     ... your code...
});
$('#submit_button_2').click(function(e){
     e.preventDefault();
     ... your code...
});

Answer 2

假设你有 2 个按钮 1. id 为“addressSubmit” 2. id 为“getOthers”

现在更改您的代码，如下所示。您还可以检查按钮标签。

$("form.edit-address-details").submit(function(e) {
   if(e.target.id == "addressSubmit"){ // add this check here
    e.preventDefault();
    $.ajax({
        url:        'http://gothere.sg/maps/geo',
        dataType:   'jsonp',
        data:       {
            'output'    : 'json',
            'q'         : address,
            'client'    : '',
            'sensor'    : false
        },
        type:   'POST',
   }

使用jquery你也可以这样做

$(this).attr('value') == <BUTTON label> // instead of e.target.id
OR
$(this).attr('id') == <BUTTON ID>