Icon plugin

Display various icons based on the field validity


With this plugin, you can see the icon whenever the field is being validated, and after the validation completes, it also displays other icon depending on the field is valid or not. The following piece of code is the starting point to use the Icon plugin:

The sample code above assumes that the FormValidation files are placed inside the vendors directory. You might need to change the path depending on where you place them on the server.

The validating, valid and invalid options present the list of CSS classes separated by a space that will be added to the icon when the field is being validated, valid or invalid.

The Icon plugin only supports the form made in the following CSS frameworks:


The MandatoryIcon plugin is useful when you want to display the mandatory icon for required fields


  • v1.0.0: First release

More examples