I have created a simple form
and I am validating. The validation properly works but I m trying to call a method when the validation is done, but I get the following error:
ERROR TypeError: this.nextForm is not a function
My typescript
code is the following:
onNavigate(direction) {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName("needs-validation");
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener(
"submit",
function(event) {
//Forward
if (direction == "forward") {
//Not correct
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
form.classList.add("was-validated");
}
//Corect
else {
form.classList.add("was-validated");
this.nextForm();
}
}
},
false
);
});
}
nextForm() {
this.router.navigate(["/id-application/welcome"]);
}