This is a beta release of documentation for Magento 2.4, published for previewing soon-to-be-released functionality. Content in this version is subject to change. Links to the v2.4 code base may not properly resolve until the code is officially released.

Form validation

Edit on GitHub
Log an Issue

The Magento application provides various ways to validate your form inputs. This implementation is based, and extends, jQuery Validation.

Validation Module Structure

There are three main validation modules present in Magento: jquery/validate, mage/validation, and mage/validation/validation.

jquery/validate

This is an alias for lib/web/jquery/jquery.validate. This is the base validation JavaScript file provided by jQuery that Magento extends.

mage/validation

This module is present at lib/web/mage/validation.js. This module includes jquery/validate and adds various functions, such as $.validator.addMethod, which can be used by mixins to add custom validation rules, a base set of rules to validate, the mage.validation widget, and more.

mage/validation/validation

This module is present at lib/web/mage/validation/validation.js. This is considered the entry point for the form validator in Magento and is aliased as validation at Magento_Theme/view/frontend/requirejs-config.js. This includes mage/validation (which in turn includes jquery/validate), and adds a few more rules to the validator.

See also

Thanks to Adarsh Manickam for contributing this topic
© 2020 Magento. All rights reserved.