使用jquery validate插件对字段模糊进行验证 [英] validate on field blur using jquery validate plugin

问题描述

我需要jquery validate插件以在字段模糊时验证我的所有字段.目前仅在提交表单时进行验证.我怎样才能做到这一点? HTML

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.",
        }
    }
    });

});

推荐答案

尝试这个

$('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.",
            }
        }
    })
});

这篇关于使用jquery validate插件对字段模糊进行验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！