使用jQuery提交表單

Question

我在提交這樣的表單時編寫了一個函數：

$("#form").submit(function(){
    // do something
});

表單是這樣提交的：

document.formName.submit();

它不會觸發我的功能。 如果我將表單包裝在jquery中，然后提交，效果很好。

$(document.formName).submit();

我當時認為將事件綁定到jquery dom對象也會觸發原始dom對象上的事件。 但是在這種情況下不會發生。

例：

http://jsfiddle.net/aZasZ/1/

Answer 1

document.formName.submit();

不會觸發事件，因為它是實際的DOM元素，並且不會觸發任何事件，

而

$(document.formName).submit();

是觸發JQuery中事件的觸發函數。

我建議您使用

$('form').submit(); 

提交表格或

$('form').triggerHandler('submit') 

如果您只想觸發該函數處理程序。

Answer 2

你有沒有嘗試過

$("form#myForm").submit();

這是整個代碼：

    <form id="MyForm" method="POST" action="">
        Field1:<input type="text" id="field1" value="" />
        Field2:<input type="text" id="field2" value="" />
        <input type="submit" value="send" />
    </form>

    <button id="ShowLink">Vai</button>
    <script type="text/javascript">
        $(document).ready(function () {
            $("form#MyForm").submit( function () {
              alert("Hello!");
              return(true);
            } );
        })
    </script>

更新：

要實現您要執行的操作，可以覆蓋Submit函數。 看到這個小提琴 。
歸功於這個答案 。

Answer 3

您可能只是錯誤地輸入了ID。

這是演示行為的小提琴，請隨時使用。

http://jsfiddle.net/aZasZ/

（我剛剛添加了$（“＃form”）。submit（））