Bootstrap validation error on ASPNET MVC 5

See more:

MVC5

ASP.NET5

register:93 Uncaught TypeError: Cannot read property 'checkValidity' of undefined
    at HTMLInputElement.validat

this is the error i get when i try to check if the validation is working on the client page. Below is the script

script>
    $(document).on("submit", ".needs-validation", validate);
    $(".needs-validation input").blur(validate);

    function validate(event)
    {
        if ($(".need-validation")[0].checkValidity() == false || $(".email-exists").text() != "")
        {
            {
                event.preventDefault();
            }
            $(".needs-validation")[0].classList.add("was-validated");
        }
    }
</script>

and also i have the bootstrap 4.1.1 running with jquery3.3.1 and also the popper.js 1.14.3

ironically i can a similar app with the same installation and it working on it.

Taiwo Kaffo

What I have tried:

1. I have uninstalled and reinstalled all the apps
2. I have remove some new apps that was not in the old one
3. I have checked the bundle file and the settings are the same the two apps