How to disable Validations when doing a Submit in the Dropdown Change event

Question

I have a modal with a dropdown, where, whenever an option is selected, a Ubmit is made and the model is sent to the action to be edited and then returned. The problem is that Validations get in the way, is it possible to disable validations just for my dropdown change event? The Save button should work normally, but for the dropdown it is necessary to deactivate them.

$('#pessoaNatureza').on('change', function (e) {    
  $(this).closest('form').submit();
}); 

Answer 1

By the plugin documentation, you can destroy the validator instance with the method:

validator.destroy();

Where validator is the name of the plugin instance you started. Example:

var validator = $("SELETOR DO FORMULÁRIO").validate();

Then your event change would be:

$('#pessoaNatureza').on('change', function (e) {    
   validator.destroy();
   $(this).closest('form').submit();
}); 

The validator will be deactivated before Submit and the form will be submitted in the event change dropdown.

Plugin documentation

Example:

var validator = $("#commentForm").validate();
$('#pessoaNatureza').on('change', function (e) {    
   validator.destroy();
   $(this).closest('form').submit();
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

<form class="cmxform" id="commentForm" method="get" action="./">
   <p>
   <select id="pessoaNatureza">
      <option value="">Selecione...</option>
      <option value="1">1</option>
      <option value="2">2</option>
   </select>
   </p>
   <p>
   <input id="cname" name="name" minlength="2" type="text" required>
   </p>
   <button>Salvar</button>
</form>