Question

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

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

值和 ID 会根据您所使用的表单而更改。

我使用Jquery提交一个表单。

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

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

由于

Answer 1

使用表单提交处理程序

，而不是单击每个按钮的处理程序

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

如果您希望保持相同的格式，则可以定位表单中的所有提交提交按钮

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

Answer 2

如果您可以这种方式使用多个表单

<div class="wrapper">
   <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  d="0px" y="0px"
     width="1920px" height="1080px" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice" class="bg-svg">
  <rect fill="#DACFB9" width="1920" height="1080"/>
  <rect x="719" y="296" fill="#EF6544" stroke="#FFFFFF" stroke-miterlimit="10" width="482" height="482"/>
  <rect x="1438" y="296" fill="#AFFF84" stroke="#D3D2D2" stroke-miterlimit="10" width="482" height="482"/>
  <rect x="1" y="296" fill="#7AEEFF" stroke="#D3D2D2" stroke-miterlimit="10" width="482" height="482"/>
  <text transform="matrix(1 0 0 1 841 557)" font-family="'GothamBlack'" font-size="60">MIDDLE</text>
  </svg> 
</div>

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

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

通过这种方式，您可以轻松使用第n级表单。

Jquery提交选定的表单

2 个答案: