JqueryUI對話框不能使用特定的輸入名稱

Question

JqueryUI對話框有一個奇怪的問題。此代碼在輸入名稱爲「submit」的情況下不起作用。它適用於所有其他輸入名稱（例如：submit2）。有人知道爲什麼以及如何解決這個問題，因爲我不能爲不同的原因改變輸入名稱？ Jquery腳本有問題，我沒有找到。

<form action="?" method="get" class="alert2"> 
    <input name="test" type="text" value="dataaaa" /> 
    <input name="submit" type="submit" value="RECORD" /> 
</form> 


$(function() { 
    var confirmdialog = $('<div id="dialog"></div>').appendTo('body'); 
    $("#dialog").dialog({ 
     modal: true, 
     bgiframe: true, 
     width: 300, 
     height: 200, 
     autoOpen: false, 
     title: 'Confirm' 
    }); 
    $('form.alert2 input[type=submit]').click(function (theINPUT) { 
     theINPUT.preventDefault(); 
     var theFORM = $(theINPUT.target).closest("form"); 
     $('#dialog').html('<P>confirm ?</P>'); 
     $("#dialog").dialog('option', 'buttons', { 
      "Confirm": function() { 
       theFORM.submit(); 
      }, 
       "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     }); 
     $("#dialog").dialog("open"); 
    }); 
}); 

Answer 1

Click事件處理按鈕類型的元素。當元素類型保持爲「提交」時，點擊事件將無法產生預期的輸出。

你可以試試關注嗎？

<form action="?" method="get" class="alert2"> 
     <input name="test" type="text" value="dataaaa" /> 
     <input name="submit" type="button" value="RECORD" /> 
    </form> 

$(function(){ 
     var confirmdialog = $('<div id="dialog"></div>').appendTo('body'); 
$("#dialog").dialog({ 
    modal: true, 
    bgiframe: true, 
    width: 300, 
    height: 200, 
    autoOpen: false, 
    title: 'Confirm' 
    }); 

$('form.alert2 input[type=button]').click(function(theINPUT){ 
    theINPUT.preventDefault(); 
    var theFORM = $(theINPUT.target).closest("form"); 
    $('#dialog').html('<P>confirm ?</P>'); 
    $("#dialog").dialog('option', 'buttons', { 
      "Confirm" : function() { 
       theFORM.submit(); 
       }, 
      "Cancel" : function() { 
       $(this).dialog("close"); 
       } 
      }); 
    $("#dialog").dialog("open"); 
}); 
    });