javascript - HTML 必須属性が Google recaptcha で機能しない

Question

Google recaptcha を実装すると、入力フィールドのRequire 属性が機能しません。入力が空の場合、フォームは送信されません。ただし、入力が空の場合、フォームは送信されます。私はグーグルのガイドに従って、それを最も簡単な形で実装しました。

 <?php if (isset($_POST['code']) && ($_POST['code'] == "whatever")) //do stuff?> ?>

私がやりたいことは、入力が空でない場合にのみ recaptcha を実行することです。それ以外の場合は、フォームの送信と recaptcha の実行を防ぎます。

<form id="form1" method="post" >
 
  <input name="code" type="text" required>

  <button  data-sitekey="xxx" 
      data-callback='onSubmit' type="submit" class="g-recaptcha" >Let me in</button>
  </form>
</div>
      <script>
       function onSubmit(token) {
      document.getElementById("form1").submit();
       }
     </script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>