Javascript Jquery提交表单错误

我有一个表格，我想在点击该表格外的按钮后提交，这是我的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>

---

当我点击表单内的submit按钮时，它是提交ok，但当我点击表单标签外的按钮时，它不是提交，为什么？如何修复此问题？

您可以在表单外部创建一个简单的超链接，如下所示

---

这就是你所需要的

你可以像这样在表单外创建一个简单的超链接 这就是您所需要的

您正在选择所有元素，但您正在尝试选择一个

当它位于表单内部时，它会工作，因为正常的提交功能会运行

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

更好的是，忘记JS，只需更好地构造HTML，使提交按钮位于表单内部

您正在选择所有元素，但您正在尝试选择一个元素

当它位于表单内部时，它会工作，因为正常的提交功能会运行

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

---

更好的是，忘记JS，只需更好地构造HTML，使提交按钮位于表单内部

如果您使用JavaScript处理表单处理，那么您希望在按钮和表单处理代码中返回false

我使用下面的JavaScript以及表单元素内外带有按钮的两个HTML示例获得了相同的结果

JavaScript/jQuery HTML示例1 按钮在窗体内

<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">
    <button>test</button>
</form>

<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>

<button>test</button>

---

如果您使用JavaScript处理表单处理，那么您需要在按钮和表单处理代码中返回false

我使用下面的JavaScript以及表单元素内外带有按钮的两个HTML示例获得了相同的结果

JavaScript/jQuery HTML示例1 按钮在窗体内

<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">
    <button>test</button>
</form>

<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>

<button>test</button>

---

您能在表单外显示定义按钮的标记吗？表单标记中有一个输入错误-是复制/粘贴错误还是HTML中也有？动作位您可以在表单外显示定义按钮的标记吗？表单标记中有一个输入错误-是复制/粘贴错误还是HTML中也有？假设问题与使用HTML5 button元素有关，并且由于您将标记与逻辑混为一谈，一些人认为这是一种不好的做法，那么此操作不会解决问题，当使用事件监听器可以轻松实现这一点时。假设问题与使用HTML5按钮元素有关，这并不能解决问题，而且有些人认为这是一种不好的做法，因为您将标记与逻辑混合在一起，当使用事件监听器可以轻松实现这一点时。@Bauer我想要一个重新加载的页面。。我不希望它异步提交，我的脚本也会在表单发布时发出警告，但页面不会转到操作url@Bauer我想重新加载一个页面。。我不希望它异步提交，我的脚本也会在表单发布时发出警告，但页面不会转到操作url

$("#button").live('click', function() { // ...