表單提交之前jquery模式對話框

Question

我在頁面上有一個表單，並且我在兩個提交按鈕上捕獲點擊動作。還有另一個提交按鈕沒有被捕獲（即，我不需要顯示該按鈕的模式）。

所以，我明顯的問題是，當模式第一次打開時，我需要阻止提交動作，然後當用戶實際單擊模式中的確定按鈕時，我需要強制提交。但是，因爲每個按鈕都有一個特定的名稱和值（後端腳本需要知道），所以$（'＃myform'）。submit（）方法將不起作用。

function something(msg) { 
    var $dialog = $('<div></div>').html(msg).dialog({ 
     autoOpen: false, 
     title: 'Please confirm...', 
     modal: true, 
     buttons: { 
      "OK": function() { 
       $dialog.dialog('close'); 
       //submit needs to happen here 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    $dialog.dialog('open'); 
    event.preventDefault(); 
    return false; 
} 

Answer 1

我將包括一個隱藏字段採取提交按鈕的名稱和值點擊：

<input type="hidden" name="subName" value="" /> 

 

$("#submit_button_one").function() { 
    $("input[name='subName']").attr("name", $(this).attr("name")).val(($(this).val()); 
    something("message"); 
    return false; 
}); 
$("#submit_button_two").function() { 
    $("input[name='subName']").attr("name", $(this).attr("name")).val(($(this).val()); 
    something("message"); 
    return false; 
}); 

function something(msg, act) { 
    // ... 
    //submit needs to happen here 
    $('#myform').submit() 
}