How to hide the JavaScript validation messages programmatically?

Kodi_Babu · April 1, 2016, 1:09pm

after from validation… hide the validate message… to form reset.

dmitrii_fediuk · April 1, 2016, 1:36pm

How should a user see the validation results if the results are automatially hidden after a validation?

Kodi_Babu · April 1, 2016, 1:39pm

i have reset and submit button… so user click the reset button when remove the all input validation message…

dmitrii_fediuk · April 1, 2016, 1:56pm

Use the clearError() function of the mage.validation JavaScript widget:

github.com

magento/magento2/blob/6ea7d2d/lib/web/mage/validation.js#L1482-L1494


/**
 * Remove validation error messages
 */
clearError: function () {
    if (arguments.length) {
        $.each(arguments, $.proxy(function (index, item) {
            this.validate.prepareElement(item);
            this.validate.hideErrors();
        }, this));
    } else {
        this.validate.resetForm();
    }
},

Usage examples

1

github.com

magento/magento2/blob/6ea7d2d/app/code/Magento/Customer/view/adminhtml/web/edit/tab/js/addresses.js#L422-L427


var form = $(currentElement).closest('form'),
    validationInstance = form ? $(form).data('validation') : null;


if (validationInstance) {
    validationInstance.clearError(currentElement);
}

2

github.com

magento/magento2/blob/6ea7d2d/app/code/Magento/Catalog/view/adminhtml/web/js/new-category-dialog.js#L67-L75


closed: function () {
    var validationOptions = newCategoryForm.validation('option');


    $('#new_category_name, #new_category_parent-suggest').val('');
    validationOptions.unhighlight($('#new_category_parent-suggest').get(0),
        validationOptions.errorClass, validationOptions.validClass || '');
    newCategoryForm.validation('clearError');
    $('#category_ids-suggest').focus();
},

3

github.com

magento/magento2/blob/6ea7d2d/app/code/Magento/Checkout/view/frontend/web/js/region-updater.js#L125-L126


this.options.form && this.options.form.data('validation') && this.options.form.validation('clearError',
    this.options.regionListId, this.options.regionInputId, this.options.postcodeId);

4

github.com

magento/magento2/blob/6ea7d2d/app/code/Magento/Paypal/view/frontend/web/order-review.js#L206-L206


this.element.validation("clearError", ':input[name^="billing"]');

5

github.com

magento/magento2/blob/6ea7d2d/app/code/Magento/ProductVideo/view/adminhtml/web/js/new-video-dialog.js#L1073-L1078


try {
    newVideoForm.validation('clearError');
} catch (e) {


}
newVideoForm.trigger('reset');

As you can see, the last example also resets the form.