Question

我有一个带有一些输入文本的表单，名称=“user_name”，“mob”，“email”，在此表单中，我有一个链接，例如Plans，以提交按钮结束。现在，如果用户单击该链接，那么我希望将相同表单的输入文本的所有值发送到另一个页面到pks.php，如果用户单击提交按钮，那么它将在动作confirm.php上工作。例如，检查此代码

<form action="confirm.php" method ="post">
<input type ="text" name="user_name">
<input type="number" name="mob">
<input type="text" name="email">
<a href="pks.php">PLANS</a>
<input type="submit">
</form>

你能救我吗？我怎样才能做到这一点。提前致谢

Answer 1

如果您希望更改操作属性，则可能需要使用JavaScript来控制表单。默认情况下，提交表单会使其发布到confirm.php。

使用JQuery，您可以这样做：

$('form').on('submit', function(e) {
    // Stop the form from submitting
    e.preventDefault();

    // Do logic to determine what action you should do
    var myAction = 'pks.php';

    // assign the action to the form
    $(this).attr('action', myAction);

    // submit the form
    $(this).submit();
});

我还没有运行这个脚本，所以它可能无法开箱即用，但您应该能够轻松地进行调整和修复。

Answer 2

最简单的方法是将链接更改为第二个提交按钮。然后，您可以使用formaction属性更改使用此按钮时表单提交的URL。

<form action="confirm.php" method ="post">
<input type ="text" name="user_name">
<input type="number" name="mob">
<input type="text" name="email">
<input type="submit" formaction="pks.php" value="PLANS">
<input type="submit">
</form>

如果你不能这样做，你需要在点击链接时运行Javascript。您可以让此代码更改表单的操作，然后提交。

document.getElementById('plans').addEventListener('click', function(e) {
  e.preventDefault();
  var form = document.getElementById('myform');
  form.action = this.href;
  form.submit();
});

<form id="myform" action="confirm.php" method="post">
  <input type="text" name="user_name">
  <input type="number" name="mob">
  <input type="text" name="email">
  <a id="plans" href="pks.php">PLANS</a>
  <input type="submit">
</form>

表格实施

2 个答案: