Validation only highlights one field at a time for form requiring checking one of the checkboxes

Validation only highlights one field at a time for form requiring checking one of the checkboxes

I had to manually add validation for checkboxes for this Bootstrap page and now only one text field form field highlights at a time. For example, clicking submit once will highlight "First Name", clicking it a second time will highlight "Last Name" and so forth. We need all blank required fields to highlight at the same time. 

I used to include all form field names below within "rules", but no longer need to do that, since we're using Bootstrap's default validation. However, I haven't found a more elegant way to require that at least one checkbox be checked in a form group of checkboxes.

  1.   $("input, select").keypress(function(evt) {
  2.   var charCode = evt.charCode || evt.keyCode;
  3.   if (charCode == 13) {
  4.   $("#submit").trigger("click");
  5.   return false;
  6.   }
  7.   });
  8.   
  9.   $("#theForm").validate({
  10.   rules: {
  11.   },
  12.   
  13.         errorPlacement: function(error, element) {
  14.                 error.insertBefore(element);
  15.                 var $el = $(element), name;

  16.                 if ($el.attr('type') === 'checkbox' && (name = $el.attr('name'))) {
  17.                     addErrorStateToCheckboxes(name);
  18.                 }
  19.             },
  20.   
  21.      errorPlacement: function(error, element) {
  22.   error.insertBefore(element);
  23.  
  24.   $('#q1').addClass("checkboxError");
  25.   $("#q1").checked.removeClass("checkboxError");
  26.   },
  27.   
  28.   
  29.   submitHandler: function(form) {
  30.   $('.formContainer').hide();
  31.   $('#thankyou').modal('show');
  32.   HTMLFormElement.prototype.submit.call(form);
  33.   }
  34.   });
  35.   });