Question

我希望在表单中使用简单按钮，验证表单，同时使用＆＃34; link.com＆＃34;打开一个新标签页。但是当我点击按钮时，表单会被验证，但是＆＃34; link.com＆＃34;不开放。我不知道如何正确地做到这一点......谢谢

＆＃13;

<form class="form-row" action="mail.php" method="post">
  <div class="col-12 col-md-12 mb-2 mb-md-0">
    <input type="email" class="form-control form-control-lg" id="inlineFormInputGroup" placeholder="email..." name="mail" required>
  </div>
  <div class="col-12 col-md-6">
    <button type="submit" class="btn btn-block btn-lg btn-primary btnoffre">Je veux en recruter !</button>
  </div>
  <div class="col-12 col-md-6">
    <a href="link.com"><button type="submit" class="btn btn-block btn-lg btn-primary btnoffre">Je veux être recruté.e !</button></a>
  </div>
</form>

＆＃13;

Answer 1

我猜你想要一个能完成两件事的按钮吗？也许一些JavaScript片段会有帮助吗？：

获取正确的BUTTON元素 - 一个内部：

const BUTTON = document.querySelector("div button");

然后听点击事件，当它开始时，触发打开新标签的功能？：

BUTTON.addEventListener('click', function(){ window.open(link.com, '_blank');
win.focus(); }, false);

想知道这样的话会对此有所帮助吗？

Answer 2

您可以在表单中添加onsubmit：

<form class="form-row" action="mail.php" method="post" onsubmit="window.open('http://www.google.com', '_blank')" >

使按钮验证表单并打开链接

2 个答案: