validate on field blur using jquery validate plugin [duplicate]

问题

This question already has an answer here:

jquery validate plugin not working on blur of the fields (1 answer)

Closed 4 years ago.

I need jquery validate plugin to validate all my fields on blur of the fields. Currently its validating only on submit of the form. How can I achieve this? HTML

<input class=" required minlength " type="text" id="firstName" name="firstName" minlength="3" maxlength="40"  />

Jquery

$(document).ready(function() {
form = $('#submitForm');
if (form.length) {
  form.validate({
    ignoreTitle: false,
    onfocusout: false,
    onkeyup: false,
    onclick: false,
    submitHandler: function() {
      form[0].submit();
    },      
    messages: { 
        firstName:{
            required: "First Name is required.",
            minlength: "First Name entered is invalid.",
        }
    }
    });

});

回答1:

Try this one

$('form').find('input,select,textarea').on('blur', function() {
    $(this).validate({
        ignoreTitle: false,
        onfocusout: false,
        onkeyup: false,
        onclick: false,    
        messages: { 
            firstName:{
                required: $(this).attr('name')+" is required.",
                minlength: $(this).attr('name')+" entered is invalid.",
            }
        }
    })
});

来源：https://stackoverflow.com/questions/20855863/validate-on-field-blur-using-jquery-validate-plugin