Question

我已经写了一个关于提交这样一个表格的函数：

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

表单就像这样提交：

document.formName.submit();

它不会触发我的功能。如果我在jquery中包装表单然后提交它，它就可以正常工作。

$(document.formName).submit();

我在考虑将绑定事件绑定到jquery dom对象也会触发raw 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>

更新：

要实现您要执行的操作，您可以覆盖提交功能。见fiddle 致信answer。

Answer 3

你可能刚刚错误地识别了你的身份。

这是一个演示行为的小提琴，随意使用它。

http://jsfiddle.net/aZasZ/

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

表单使用jquery提交

3 个答案: