函数onsubmit不是第二次

如何解决函数onsubmit不是第二次

我正在尝试解决此问题。任何人都可以帮助我。在表单上，​​如果您错过必填字段，然后在填写必填字段后尝试再次提交表单，则“提交”按钮不起作用。

这是我的代码：

<script>
        function onappreqchicagoSubmit() {
        return new Promise(function(resolve,reject) {
        var action = jQuery('#app-req-chicago-form').attr('action');
        var $formData = jQuery('#app-req-chicago-form').serialize();
        jQuery('.form-response').remove();
        jQuery.ajax({
            url: action,dataType: "json",type: "POST",data: $formData,success: function(response) {
              if (response.status_msg['class']=="success") {
                  jQuery('#app-req-chicago-form input').val('');
                  resolve();
                  window.location.href = site_url+'appointment-request-chicago/thank-you';
                }else{
                  jQuery('#app-req-chicago-form').prepend('<div class="form-response text-center status alert alert-danger contact-status '+response.status_msg['class']+'">'+response.status_msg['msg']+'</div>');
                  grecaptcha.reset();
                }
            },error: function() {
            grecaptcha.reset();
            }
        });
      });
    }
</script>

下面是前面注释中给出的表单代码：

<form id="app-req-chicago-form" action="<?=site_url('appointment/app_req_chicago_submit')?>" method="post">
  <button type="submit" class="g-recaptcha btn btn-primary" data-sitekey="<?=$this->config->item('g_recaptcha_site_key')?>" data-callback="onappreqchicagoSubmit">Submit <em class="fas fa-paper-plane"></em></button>
</form>