2009-01-29 4 views
5

Je voudrais vraiment utiliser le jQuery Validation plugin dans mon application ASP.NET Web Forms (pas MVC). J'accorde de la valeur à la validation jQuery pour l'expérience Richer UI Je peux fournir l'utilisateur final et j'ai quelques exigences pour mettre en évidence les champs invalides en utilisant une bordure rouge (css). J'évalue les validateurs asp.net car ils exécutent les validations non seulement sur le client mais sur le serveur de sorte que je n'ouvre pas diverses vulnérabilités de sécurité à tout utilisateur qui est assez intelligent pour désactiver javascript dans leur navigateur. Donc, je cherche un bon moyen propre d'intégrer ces deux technologies. Le meilleur que je peux trouver est d'avoir tous les validateurs ASP.NET définis sur enableclientscript = false et de répéter les règles de validation sur le client dans jQuery et sur le serveur comme des validateurs asp.net mais je peux déjà voir quelques défis avec cette approche. En fin de compte, j'ai trouvé la méthode de friction la plus basse pour mettre en évidence avec les validateurs asp.net et jquery ne devait pas utiliser le plugin jQuery Validation mais utiliser la simple ligne de jquery qui suit (notez que la syntaxe exacte varie selon sur la façon dont vous la mise en page de vos formulaires):Module de validation jQuery et validateurs ASP.NET Web Forms

<script type='text/javascript'> 


     $("input[@type=submit]").click(function() { 
     $('span.validationerror:hidden').parent().parent().find('input').removeClass('inputError'); 
     $('span.validationerror:visible').parent().parent().find('input').addClass('inputError');       

     }); 

</script> 

Répondre

2

Si vous êtes sérieux au sujet de la validation, je chercherais en quelque chose comme les validateurs de Peter Blum (http://www.peterblum.com/Home.aspx) comme ils devraient être en mesure de faire tout ce que vous voulez et plus. Ils n'utilisent pas JQuery, mais rappelez-vous que le but de JQuery est de sauver du temps de développement - l'utilisateur final ne sait pas ou ne se soucie pas de savoir si vous utilisez JQuery ou non si l'effet global est le même.

3

Vous pouvez utiliser asp.net et jquery validateurs ensemble sans problème ... même sur le même contrôle ... il vous suffit de mettre CssClass pour le contrôle afin que jquery puisse le trouver .. . puis vous ajoutez OnClientClick="return $('#aspnetForm').valid();" à votre submit button(s).

Assurez-vous et inclure la bibliothèque jquery habituelle et jquery.validate.js et ajouter un document prêt fonction bien sûr, etc.

Questions connexes