11
votes

JQuery Validation Plugin - Comment changer CSS sur l'erreur

Je suis à la suite de la démo ici

​​ http://jquery.bassistance.de / Validate / Demo / Marketo /

sur la soumission du formulaire, si le champ est vide, comment sont les boîtes d'entrée et d'autres champs obtenant cette bordure rouge autour d'eux? Qu'est-ce que c'est que je dois ajouter mon droguer du plugin pour obtenir cela?

update xxx

Je sais comment obtenir La frontière via CSS, j'ai besoin de savoir comment est le plugin de validation changeant le CSS.

considère


0 commentaires

3 Réponses :


8
votes

quelque chose comme ça va le faire ...

CSS xxx

Dans ce cas, Firebug est votre ami .


6 commentaires

Merci pour la pointe, mais j'avais besoin de savoir quoi changer pour valider la déclaration du plugin pour modifier le CSS des champs de saisie.


@Shivik Vous ne devriez pas utiliser JavaScript pour ajouter directement CSS. Je doute donc que le plugin vous donne cette option.


Voulez-vous dire que je ne devrais pas faire cela - $ (ceci) .Addclass ('erreur'); ?? Quoi qu'il en soit, j'ai trouvé l'option que je cherchais.


@Shivik Ajout d'une classe est différent de changer directement les propriétés CSS.


Droit. :) a mal compris votre commentaire un peu. Le plugin n'offre en effet pas d'option pour modifier directement les propriétés CSS, mais elle offre des méthodes Hightlight et Legighlight pour faire exactement cela.


Nice.Merci 🌹🌹🌹



0
votes

Vous associez un flou () code> gestionnaire d'événements à la boîte de saisie. Dans votre fonction de rappel, vous vérifieriez le contenu de l'entrée, puis modifiez le CSS en conséquence en utilisant CSS () code>.

Exemple: P>

<input type="text" id="myField" />

<script type="text/javascript">
    $("#myField).blur(function() {
        if ($(this).val() == "") {
            $(this).css("borderColor", "red");
        }
    });
</script>


2 commentaires

Je fais la validation de la forme à l'aide du plugin JQuery Validate. Donc, je cherche à modifier ce CSS à l'aide du plug-in validateur, non pas en utilisant des événements de jQuery normaux.


Dans ce cas, je suggérerais de lire la documentation ici: docs.jquery.com/plugins/validation



14
votes

C'est comme ça que j'ai accompli ce que je cherchais ... xxx

à l'aide du en surbrillance et Legighlight Options dans la jQuery .validate Plugin fait l'affaire.


0 commentaires