按下Tab键时如何验证表单字段？

Question

当您按 TAB 键时，如何 review/valid 表单上的每个字段。目前它只有在您开始在框中输入时才有效。有个fiddle.js.

我正在使用具有以下选项的 validatejs 脚本：

$('#form').validate({ // initialize the plugin
    success: function(label) {
        label.addClass("valid");
    },
    rules: {
        formFName: {
            required: true,
            minlength: 2
        },
        formLName: {
            required: true,
            minlength: 2
        },
        formEmail: {
            required: true,
            email: true
        }
    },
    messages: {
        formFName: {
            required: "Enter your first name, please.",
            minlength: "A name usually has at least 2 characters, right?"
        },
        formLName: {
            required: "Enter your last name, please.",
            minlength: "A name usually has at least 2 characters, right?"
        },
        formEmail: {
            required: "Enter your email address, please.",
            email: "Enter an existing email address, please."
        }
    },
    submitHandler: function (form) {
        alert('sent');
    }
});

Answer 1

你可以这样做：

$( '#form' ).validate( {
    onkeyup: false,
    onfocusout: function( element, event ) {
        this.element( element );
    }
} );

编辑 1：

或者如果您真的只想使用 TAB 键作为验证器，您可以这样做：

$( '#form' ).validate( {
    onkeyup: function ( element, event ) {
        if ( event.which === 9 ) {
            this.element(element);
        } else {
            return;
        }
    },
} );

按下Tab键时如何验证表单字段？

How to validate form field when you press tab?

javascript

jquery

jquery-validate