.submit in javascript vs .submit in jquery

.submit in javascript vs .submit in jquery

本文关键字：submit in jquery javascript vs      更新时间：2023-09-26

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

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

你可以在这里看到一篇文章：Jquery submit vs. JavaScript submit

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

并在表单中定义操作 

<form id="theform" action="submit-form.php">
相关文章：