javascript - jquery提交表单错误

Question

我有一个表单，我想在单击表单外的按钮时提交，这是我的 HTML :

<form id="checkin" name="checkin" id="checkin" action="#" method="post">
    <input type="text" tabindex="100" class="identifier" name="identifier" id="identifier">
    <input type="submit" tabindex="101" value="Submito" class="elsubmito" name="submit">
</form>

这是我的 jQuery :

$("button").live('click', function() {
    $("#checkin").submit();
});

$("#checkin").live('submit', function() {

});

当我点击表单内的提交按钮时它提交正常，但是当我点击表单标签外的按钮时它没有提交，为什么？我该如何解决这个问题？

Answer 1

您正在选择所有 <button>元素，但您正试图选择一个 <input> .

它在表单内部时有效，因为正常的提交功能会运行。

更改选择器以匹配您实际拥有的元素:input[type=submit]

更好的是，忘掉 JS，只是更好地构建您的 HTML，以便提交按钮位于表单内。