jQuery de validation avec le gestionnaire de soumission

J'configuration de la validation du formulaire à l'aide de jQuery validation du plug-in de valider la méthode et j'ai un gestionnaire de soumission qui modifie l'entrée de l'élément de valeur (j'utilise YUI éditeur et il a besoin de saveHTML() pour copier le contenu de l'iframe à l'élément textarea.). Lorsque vous soumettez le formulaire, je veux que le programme de validation pour valider le formulaire après l'exécution de mon gestionnaire de soumission. Mais il n'a pas d'exécuter mon gestionnaire de soumission si elle est enregistrée après la validation de l'appel.

Par exemple,

<form id="form1" action="/test">
    <input type="text" name="txt1" id="txt1" />
    <input type="submit" value="submit" />

$(document).ready(function() {
    $("#form1").submit(function() {
        $("#txt1").val("123456");
    });

    $("#form1").validate({
        rules: {
            txt1: {
                maxlength: 5
            }
        }
    });
});

Le formulaire est validé après mon gestionnaire de soumission afin de présenter est annulée.

$(document).ready(function() {
    $("#form1").validate({
        rules: {
            txt1: {
                maxlength: 5
            }
        }
    });

    $("#form1").submit(function() {
        $("#txt1").val("123456");
    });
});

Cependant si je change l'ordre le formulaire est validé avant mon gestionnaire de soumission.

Ce n'est pas vraiment une question. Je devine que la validation de la méthode renvoie false pour annuler le reste onSubmit les fonctions liées. Si vous mettez return false; après votre modification #txt1 alors je suis sûr que le fait de valider la fonction ne sera pas appelé.

OriginalL'auteur | 2009-08-02

  1. 8

    Vous pouvez utiliser le beforeSubmit de rappel pour définir les valeurs:

    $(function() {
    $('#form1').validate({
        rules: {
            txt1: { maxlength: 5 }
        },
        beforeSubmit: function(arr, $form, options) {
            $('#txt1').val('123456');
            return true;
        }
    });
});
    C'est une méthode de jQuery Formulaire. Quel est le lien avec jQuery Valider?

    OriginalL'auteur Darin Dimitrov

  2. 2

    Essayer

    $(document).ready(function() {
    $("#form1").submit(function() {
        $("#txt1").val("123456");

        $("#form1").validate({
            rules: {
                    txt1: {
                            maxlength: 5
                    }
            }
        });
    });
});

    De cette façon, la validation sera déclenché par votre soumettre le gestionnaire d'événement.

    Le .validate() méthode est utilisée uniquement pour initialiser le plugin, par conséquent, il n'appartient pas à l'intérieur d'un submit gestionnaire. Tous les événements de déclenchement, y compris submit sont automatiquement capturées par le plugin. Veuillez consulter la docs et balise de la page wiki pour une utilisation correcte.

    OriginalL'auteur RaYell

  3. 0

    Vous devez utiliser $("form").validate().resetForm();

    Pas utile, car trop laconique. Où? Pourquoi?

    OriginalL'auteur Jesús Ascama

  4. 0

    Vous pouvez simplement utiliser ce:

    var validForm = false;

SubmittingForm = function () 
{    
     //Validate Statements...
     validForm = true;
     $("#form1").submit();
}

$(document).ready(function () {
$("#form1").validate({
            submitHandler: function (form) {
                if (validForm)
                    $("#form1").submit();
                else
                    SubmittingForm();
            },
            rules: ...
}

    OriginalL'auteur iTachi