Position d'erreur de validation jQuery

En jQuery indication d'erreur de jQuery.valider montrer à proximité de la zone de saisie et si ce message montre notre présentation s'est écrasé.

J'ai besoin d'une solution basée sur le flux "div" avec un z-index et le message d'erreur à afficher sur la page et à proximité du champ de saisie.

Grâce

source d'informationauteur MicTech

  1. 17

    Regarder la errorClass, errorElement, papier d'emballage, et errorLabelContainer options pour voir comment modifier le message d'erreur est affiché. Très probablement, vous avez juste besoin de fournir une erreur de la classe qui a le bon CSS pour augmenter le z-index du message d'erreur. Si cela ne fonctionne pas, la validation plugin a un errorPlacement de rappel que vous pouvez utiliser à la place le message d'erreur où et comment vous voulez.

  2. 19

    Exemple:

    $(document).ready(function(){
        $("#page1Form").validate({
            rules: {
                "field1": {
                    required: true,
                    digits: true
                },
                "field2": {
                    required: true
                }
            },
            errorElement: "div" //This is to override the label w/a div
        });                     
    });

    CSS:

    div.error {
 /* Your CSS Code Here */

    }

    Vous aurez besoin pour le style de la div.

    Veuillez poster à l'arrière vous div style que je cherche à faire cela, mais mon CSS skillz manquent encore =P