Events

A collection of events that you can hook on
After initializing the form with FormValidation.formValidation(), you can listen to events provided by formValidation or its plugins.

Using the global script in the browser

<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(e) {
const fv = FormValidation.formValidation(
document.getElementById('demoForm'),
{
...
}
);
// Listen on the event
fv.on(EVENT_NAME, function(event) {
...
});
});
</script>

Using the ES6 module

// You might need to change the importing path
import { formValidation } from '/path/to/@form-validation/cjs/bundle/popular';
// Initialize somewhere depending on the JavaScript framework you are using
const fv = formValidation(
document.getElementById('demoForm'),
{
...
}
);
// Listen on the event
fv.on(EVENT_NAME, function(event) {
...
});

Using the npm package

  • Install the bundle package:
$ npm install @form-validation/bundle
  • Use the formValidation instance:
import { formValidation } from '@form-validation/bundle/popular';
// Initialize somewhere depending on the JavaScript framework you are using
const fv = formValidation(
document.getElementById('demoForm'),
{
...
}
);
// Listen on the event
fv.on(EVENT_NAME, function(event) {
...
});
The next sections list all of the events provided by the library.