La validation côté Client ne fonctionne pas dans ASP.NET MVC5 avec Bootstrap

J'ai eu le même problème. En comparant le code HTML généré avec un site qui a travaillé, j'ai remarqué qu'à la fin du document, il y avait ceci:

<script src="/bundles/jqueryval"></script>

...alors que le bundle ont été élargis comme ceci:

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

J'ai regardé dans App_Start/BundleConfig.cs, et bien sûr, JQuery validation bundle n'ont pas été définis dans RegisterBundles. J'ai dû ajouter:

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

Pourquoi ce qui manquait, je ne sais pas. J'ai commencé avec une nouvelle, propre projet.

C'est assez pitoyable qu'il n'y a pas d'erreur de compilation lorsque vous faites référence à un indéfini bundle. Même dans ce cas, une erreur d'exécution serait mieux que le silence de l'échec. Autant de temps perdu!

EDIT: s'avère que je n'ai pas le JQuery de validation des scripts dans mon projet, que ce soit. J'ai dû les ajouter via NuGet ("Microsoft JQuery Discrète de Validation").

Au bas de la page, ajouter:

@Scripts.Render("~/bundles/jqueryval")

et tout fonctionnera correctement.

J'ai eu le même problème, ma solution est d'effacer tout l'historique dans le navigateur (cache, cookies, forme, ...) et tout fonctionne correctement.

Je sais que c'est un peu tard pour le jeu, mais cela ajoute plus à la validation et je l'ai trouvé très utile. Parfois en conflit, javascript/jQuery Plugin/références API (eg:searchMeme.js) qui font référence à d'autres versions de jquery peut causer des problèmes, j'ai donc créer des faisceaux de connexion du compte actions. Ce sont ces étapes que je prendrais:

1. Créer une mise en page distincte ~/Views/Shared/_AccountLayout.cshtml pour AccountController.cs.

2. Créer de nouveaux ~/Compte/_ViewStart.csthml avec:

@{
    Layout = "~/Views/Shared/_AccountLayout.cshtml";
}

3. Créer deux ensembles de css & js dans BundleConfig.cs pour AccountController:

   bundles.Add(new StyleBundle("~/Content/accountcss").Include(
                "~/Content/site.css",
                "~/Content/bootstrap.css",
                "~/Content/font-awesome.css")); /*if using font-awesome */

   bundles.Add(new ScriptBundle("~/bundles/accountjs").Include(
                "~/Scripts/jquery-1.10.2.js",
                "~/Scripts/jquery.validate.js",
                "~/Scripts/jquery.validate.unobtrusive.js",
                "~/Scripts/bootstrap.js"));//must be after jquery validate

4. Référence les paquets dans les deux extrémités de tête & corps dans _AccountLayout.cshtml en tant que tel:

        <title>@ViewBag.Title</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
         @Styles.Render("~/Content/accountcss")
        @Scripts.Render("~/bundles/modernizr")
        @this.RenderSection("MetaContent", false)
        @this.RenderSection("Styles", false)
        </head>

        @Scripts.Render("~/bundles/accountjs")
        @this.RenderSection("Scripts", false)
        </body>

*REMARQUE: assurez-vous que le bootstrap est après jqueryval en bundle

5. Assurez-vous que vous avez @Html.ValidationMessageFor pour chaque champ de saisie dans ~/Compte/Login.cshtml, ~/Compte/s'Inscrire.cshtml, etc... respectivement.

<div class="form-group">
       @Html.LabelFor(m => m.UserName, new { @class = "col-md-2 control-label" })
          <div class="col-md-10">
               @Html.TextBoxFor(m => m.UserName, new { @class = "form-control" })
               @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })
          </div>
</div>

6. Utilisation DataAnnotations pour créer d'autres personnalisé erreurs de validation [RegularExpression(@"^([\w]{2,20})@?([\w]{2,20}).?[a-zA-Z]{2,3}$", ErrorMessage="")]:

[Required(ErrorMessage = "*Username is required."), RegularExpression(@"^[\w+]{3,10}\s?([\w+]{3,15})$", ErrorMessage = "*Username can only be Alphanumeric"),StringLength(25, ErrorMessage = "The {0} must be at least {2} characters long and no bigger than {1} characters.", MinimumLength = 5)]
public string UserName { get; set; }

7. (facultatif) Enfin, si vous avez changé le DataAnotation de Mot de passe, puis vous DOIT également modifier la Stratégie de Mot de passe dans ~/App_Start/IdentityConfig.cs en tant que tel:

manager.PasswordValidator = new PasswordValidator
{
    RequiredLength = 6,
    RequireNonLetterOrDigit = false,
    RequireDigit = true,
    RequireLowercase = true,
    RequireUppercase = true,
};

8. (facultatif) Aussi, découvrez ce l'article sur les Rôles etc..

Je suis de fournir cette réponse pour les futurs lecteurs.J'avais le même problème et a trouvé le problème est avec la séquence de la rendre scripts.
Assurez-Vous Que

@Scripts.Render("~/bundles/jquery")    

est avant

@Scripts.Render("~/bundles/jqueryval")

dans _layout.cshtml .
La mise en page de la partie inférieure doit ressembler à suivre.

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")