Jquery Validate does not execute the event when fields are autocompleted

Question

I am trying to validate a form without submitting it. What I have done so far works well. The problem is when the browser auto-fill completes the login and password that were saved to the IP. If I delete the auto completed field and give focusOut the event to validate form is not triggered.

I’m using the following :
jquery -validation - 1.15.0
google- Chrome version 49.0.2623.87 (64-bit )

Footsteps :
1 - Create a form and submit this form.
2 - Make browser save this information as the default values for that site.
3 - Return to the form and delete some field "filled automatically" and try to provoke some event so that jquey-validate does the validation.

It should validate the field without the need to submit. In my case it is not triggering the event and the validation is not occurring.

form

<form name="form" id="loginform" class="lm-login-form" method="post" action="./?_task=login">
  <div id="userid" class="lm-login-item">
    <div class="lm-login-label">
      <label for="rcmloginuser"><roundcube:label name="mail" /></label>
    </div>
    <div class="lm-login-field">
      <input name="_user" id="rcmloginuser">
    </div>
  </div>

  <div id="pwdid" class="lm-login-item">
    <div class="lm-login-label">
      <label for="rcmloginpwd"><roundcube:label name="password" /></label>
    </div>
    <div class="lm-login-field">
      <input name="_pass" id="rcmloginpwd" type="password">
      <a href="#" id="showpass">Exibir</a>
    </div>
  </div>

  <p class="formbuttons">
    <input type="submit" id="submitloginform" class="lm-login-submit" value="Entrar">
  </p>
</form>

validation script

$(document).ready(function() {
  $( '#loginform' ).validate({
    rules: {
      _user: {
        required: true,
        email: true
      },
      _pass: {
        required: true
      }
    },
  });
});

Answer 1

When the browser completes the fields automatically, the event that activates the validate is not called. You need to call it manually, try this way:

$(document).ready(function(){
 checkInput = setInterval(function(){
  var autoCompleted = false;
  $("#loginform input").each(function(input){
    input = $("#loginform input").eq(input);
    if($(input).val()){
      $(input).val($(input).val());
      $(input).change();
      autoCompleted = true;
    }
    if(autoCompleted){
      clearInterval(checkInput);
    }
  })
 }, 10);
$("#loginform input").focus(function(){
 $(this).change();
 $(this).val($(this).val());
});
$( '#loginform' ).validate({
  rules: {
   _user: {
     required: true,
     email: true
   },
   _pass: {
     required: true
   }
  },
 });
})