javascript 中的 .submit 与 jquery 中的 .submit

Question

我在页面上有一个表格。当用户单击表单标签之外的提交按钮时，我想提交一个表单。当我使用$('#theform').submit()then submit 方法工作正常但当我这样做时，document.getElementById('theform').submit()它只会刷新我的页面。

小提琴

JavaScript

$(function() {
    $('input[type="submit"]').click(function() {
        //$('#theform').submit()
        document.getElementById('theform').submit()
    })

    $('#theform').submit(function(e) {
        alert(0)
        e.preventDefault()
    })
})

html

<form id="theform">
    <input type="text"  id="fname" />
    <input type="text"  id="lname" />
    <input type="text"  id="country" />
</form>
<input type="submit" />

Answer 1

该DOM submit()方法不会触发提交事件，因为jQuery's does.that 是your formjavascriptdocument.getElementById('theform').submit()中将提交FORM.

你可以在这里看到一个帖子：Jquery submit vs. javascript submit