How to handle a JavaScript (jQuery) validation error?

dmitrii_fediuk · December 16, 2016, 11:27pm

If a JavaScript (jQuery) validator vails, the jQuery Validation plugin (used by Magento 2) triggers an event:

magento/magento2/blob/2.1.3/lib/web/jquery/jquery.validate.js#L362-L364


if (!this.valid()) {
    $(this.currentForm).triggerHandler("invalid-form", [this]);
}

So you can catch and handle it.

An example

github.com

magento/magento2/blob/0da0b13/lib/web/mage/validation.js#L1572-L1578


/**
 * Validation listening
 * @protected
 */
_listenFormValidate: function () {
    $('form').on('invalid-form.validate', this.listenFormValidateHandler);
},