El complemento de validación de jQuery no funciona en forma MVC

Question

Aug 01, 2016, 11:26 PM

El complemento de validación de jQuery no funciona en forma MVC

Tengo un formulario MVC como este

<head>    
    <script src="~/Scripts/jquery-1.8.3.js"></script>
    <script src="~/Scripts/jquery.validate.js"></script>
</head>
    <body>
        <form action="" method="get" id="login">
            <input id="email" class="text required email" type="text">
            <input type="submit" value="Login...">
        </form>
        <script>
            $(function () {
               $("#login").validate()
            });
        </script>
    </body>

pero por alguna razón cuando hago clic en el botón Enviar, la validación de jquery no funciona y aparece un error como este

TypeError no capturado: $ (...). Validar no es una función

pero cuando uso el mismo html en una página html normal junto con el enlace al mismo script,puedo validar el cuadro de texto. ¿Me falta algo en MVC? ¿Debo habilitar / deshabilitar cualquier propiedad en MVC? ¿Qué estoy haciendo mal? Por favor ayuda. Gracias