带有capcha，html5表单验证的单个页面上的两个表单不再起作用

Question

我目前在单个页面上使用两个表单，并使用生成的函数提交隐藏的recaptcha及其令牌。

其中一个问题是html5表单验证不再有效，它会忽略输入字段中的“required”标记。

#sFormId#保存数组中当前表单的表单ID。

<button id="#sFormId#submit-button" class="button small expand g-recaptcha" data-sitekey="xyz" data-callback="Submit#sFormId#" value="">submit</button>

  

function Submit#sFormId#(token){
  document.getElementById("#sFormId#").submit();
}

我遇到的另一个问题是这两种形式是分开的div，相互切换。如果第一个表单打开，则可以看到验证码徽章，但是一旦我切换另一个div以打开徽章，第一个徽章就会消失。