使用具有特定 ID 的 jquery 提交表单

Posted 2023-02-22

【中文标题】使用具有特定 ID 的 jquery 提交表单

【英文标题】：Submit form using jquery with specific id

【发布时间】：2018-04-09 08:19:04

【问题描述】：

我正在使用这个点击提交按钮：

Hlml：

<button type="submit" class="btn btn-submit">Submit</button>

Js：

$("#form_id").on('submit',(function(e) 

问题是我的表单向导上有多个提交按钮，所以我需要定位一个特定的提交按钮。

喜欢

<button type="submit" id="submit_form" class="btn btn-submit">Submit</button>

如何使用id="submit_form 和$("#form_id") 提交表单？

【问题讨论】：

“问题是我的表单向导上有多个提交按钮，所以我需要定位一个特定的提交按钮。”解释什么是“表单向导” .为什么你有多个提交按钮？

请 google，“jquery 表单向导”。 :)

【参考方案1】：

您可以使用特定的 id 属性将点击事件附加到您想要的按钮：

$("#form_id").on('click', '#submit_form', function(e) 
    e.preventDefault();

    //You logic here

   //Submit form at the end if you want
   //$("#form_id").submit();
);

希望这会有所帮助。

【讨论】：

这似乎是一个解决症状的答案，但忽略了设计不佳的形式的疾病。

事实上，在很多情况下，提交按钮可能需要更多。

兄弟，我试过了，但它甚至没有提交表单。

可能有，但我们不知道这是不是其中之一。

@AnaGabriel 你取消了$("#form_id").submit(); 的注释吗？