Jquery 提交选中的表单答案

【问题标题】：Jquery Submit selected formJquery 提交选中的表单
【发布时间】：2015-10-27 13:52:54
【问题描述】：

我有一个页面有多种形式。每个表单设置为：

<form method='post' name='test'>
<form method='post' name='new'>
<form method='post' name='add'>
<form method='post' name='rem'>

每个表单都有一个提交按钮：

<input id="test" type="submit" value="test" />

value 和 id 会根据您所处的形式而变化。

我正在使用 Jquery 提交一个表单。

$('#test').on("click",function() {
    if (confirm ('Continue?')) {
        $(this).submit();
    } else {
        return false;
    }
});

但想知道是否有任何方法可以修改它以便提交任何表格？

谢谢

【问题讨论】：

标签： jquery forms submit

【解决方案1】：

使用表单提交处理程序代替每个按钮的单击处理程序

$('form').on("submit", function () {
    return confirm('Continue?');
});

如果您想保持相同的格式，您可以定位表单内的所有提交提交按钮

$('form input:submit').on("click", function () {
    if (confirm('Continue?')) {
        $(this).closest('form').submit();
    } else {
        return false;
    }
});

【讨论】：

【解决方案2】：

如果你可以这样使用多个表单

<form method='post' name='test' id="form1">
<input id="test" type="button" onclick="submitForm(1)" value="test" />
<form method='post' name='test' id="form2">
<input id="test" type="button" onclick="submitForm(2)" value="test" />

对于使用 jquery 或 Ajax 提交表单，您可以使用以下代码

function submitForm(counterVal){$.post('form-post-url/',$('#form'+counterVal).serialize(),function(resp)
    {
        /// here is your response
    });

这样您就可以轻松使用第 n 级表单。

【讨论】：