文章/答案/技术大牛

发布

社区首页 >问答首页 >javascript中的.submit与jquery中的.submit

问javascript中的.submit与jquery中的.submit
EN

Stack Overflow用户

提问于 2014-11-28 12:06:21

回答 2查看 1.2K关注 0票数 3

我在页上有一张表格。当用户单击表单标签外的submit按钮时，我想提交一个表单。当我使用$('#theform').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" />

javascript

jquery

html

forms

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-11-28 12:26:07

DOM submit()方法不会触发提交事件，因为jQuery's does.that是javascript document.getElementById('theform').submit()中your form提交FORM的原因。

你可以在这里看到一个帖子:Jquery submit与javascript submit

票数 5

Stack Overflow用户

发布于 2014-11-28 12:19:22

使用document.forms["theform"].submit();

并以您的形式定义操作。

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

票数 -3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27188310

复制

相似问题

问javascript中的.submit与jquery中的.submit
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中的.submit与jquery中的.submitEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript中的.submit与jquery中的.submit
EN