Hi, I have MDB Pro Super Bundle. I am working with forms and validation. I wanted to know if I can put custom validation in MDB ?

Here is my code :

(function () {
  'use strict';
  window.addEventListener('load', function () {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation-password');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function (form) {
      form.addEventListener('submit', function (event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        $('#password, #confirm_password').on('keyup', function () {
          if ($('#password').val() != $('#confirm_password').val()) {

            console.log("Values changed");
            form.checkValidity() = false;
            event.preventDefault();
            event.stopPropagation();

          }    
        });

        form.classList.add('was-validated');

      }, false);
    });
  }, false);
})();

Note I have tried to add custom check to match password with custom password. I want to show MDB error message if password and confirm password do not match. Like done here :

MDB Bootstrap Form Validation