Question

我在注册表单的底部使用了Google ReCaptcha，并使用JavaScript对其进行了验证，以便在ReCaptcha未完成后，表单将无法提交并且屏幕上会显示警报

但是，我有3个其他提交按钮，我在页面顶部用作导航，如果您在任何时候单击其中一个，则会显示完成验证码的警告消息。

我的JavaScript看起来像这样：

的JavaScript

    $('form').on('submit', function(e) {
  if(grecaptcha.getResponse() == "") {
    e.preventDefault();
    alert("You Must Complete The CAPTCHA Form!");
  } else {
    alert("Complete!");
  }
});

我使用的类似导航的按钮：

按钮

<form action="#">
    <input type="submit" id="buttons" value="Enter"/>
</form>

表单底部的提交提交按钮：

提交

<form action="?" method="POST">
  <div id="html_element"></div>
  <br>
  <input type="submit" value="Submit">
</form>

我尝试过添加：

id="final-submit">

到最后一个按钮，然后将.on('submit')更改为.on('#final-submit')

但警报根本没有出现。

我是否认为此ID技术错误或者这根本不起作用？

干杯

修改

我不想将<input type="submit">更改为<a href="#" id="button">

Answer 1

您可以在表单上添加ID，以区分一个表单提交与其他表单。假设id的{{1}} form为＆{34; recaptcha＆＃34;。然后使用以下内容，一切都应该没问题

formid

JavaScript表单提交验证干扰其他提交按钮

1 个答案: