Use the third argument to tell the validation function if error dialogs should be displayed or not.Here you can see an example code where we collect all the error dialogs during the validation and pass them on to a custom function displaying the error dialogs.

You can use the setup function if you want to change the border color to something else, set the property to an empty string if you don't want the border color to change when the input has an invalid value.

The If wanting to use a custom method that handles the displaying/removing of error messages you should use the two methods described above.

If you feel the need to configure your form validation using Java Script you probably should look into jquery-validation or or any of the other superb form validation solutions out there.

But there is of course a way to accomplish this using j Query-Form-Validator as well, by using the module name - The name of the validator, which is used in the validation attribute of the input element.

Read the setup guide if you want to know which configuration options that are available when setting up the validation.

Here you can read more about styling of the form and error dialogs.

There are four different callbacks you can declare when setting up the validation.

There are also two types of events triggered on elements when they get validated. An input with an invalid value will automatically get a red border color.

validator Function - Callback function that validates the input.

Should return a boolean telling if the value is considered valid or not.

error Message Key - Name of language property that is used in case the value of the input is invalid.