.submit在javascript中与jquery中的提交

我在第页有一张表格。我想在用户点击表单标签外的提交按钮时提交表单。当我使用

$（'#theform'）.submit（）

时，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" />

使用
document.forms[“theform”].submit（）

并在表单中定义动作

<form id="theform" action="submit-form.php">


DOM submit（）
方法不会在as
jQuery的情况下触发submit事件。这就是javascript
文档中表单的原因。getElementById（'theform'）。submit（）
将提交
表单

您可以在这里看到一篇帖子：
您的表单中没有包含任何操作，它应该如何提交？
submit（）
DOM节点方法不会触发jQuery
submit
handler，这就是为什么
document.forms[“theform”]
将返回与
document.getElementById（“theform”）完全相同的DOM元素。
getElementById
比
forms[]
更受欢迎。关键是定义一个动作，amit看到的是同一个页面，因为他的HTML在表单标签中没有动作。AdNAND考虑编辑您的响应，获取DOM元素的方式在这里不是问题。