Valider un formulaire, Cliquez sur événement avec programme de validation jQuery

Je suis à l'aide de jQuery valider pour valider l'entrée.
Mon code:

 $('#button').click( function() {       
    $("#form").validate({              
        rules: {
            phone: {
                required: true,
                number: true,
                rangelength: [7, 14]
            }
        }
    }); 
});

Et le code HTML:

<form id="form" name="form" method="post" action="">
 <input id="phone" name="phone" class="required" type="text" />
 <div class="button" id="send_b">Send</div>
 </form>

Ce code ne fonctionne pas. Si j'ajoute cette ligne de jQuery 

$("#form").submit();

à l'intérieur de l'événement click il fonctionne. Mais je ne veux pas de soumettre le formulaire, donc je tiens juste à vous faire une validation lors d'un clic.

Personne ne sait comment faire cela?

  • Donner plus de détail sur "pas de travail." Ce n'est pas de faire que vous attendez?
  • IIRC validate() ne pas procéder à la validation, il met en place la validation pour la soumettre. Fouiller dans le code pour voir si il peut être court-circuité, ou si il y a une méthode que vous pouvez appeler qui ne fait juste la validation.
InformationsquelleAutor novellino | 2011-09-16
  1. 14

    Juste ajouter .forme() pour déclencher manuellement la validation immédiatement (le comportement par défaut attend un événement d'envoi):

    $('#button').click( function() {       
  $("#form").validate({              
    rules: {
      phone: {
        required: true,
        number: true,
        rangelength: [7, 14]
      }
    }
  }).form(); 
});
    • Cool!! Il fonctionne! Merci beaucoup!
    InformationsquelleAutor Jens Roland
  2. 0

    Votre code est la liaison d'une fonction à l' click cas d'un bouton. Ce que vous faites en disant: "lorsque ce bouton est cliqué, appliquer la validation de formulaire pour la forme".

    C'est la mauvaise façon d'utiliser le plugin de validation (je suis en supposant que vous êtes en utilisant cette validation de l'extension). Au lieu de cela, vous exécutez simplement le validation() méthode directement sur le form élément; le plugin prend soin de la submit événement.

    Alors, se débarrasser de la click événement de liaison.

    • Je viens de tomber sur une question où je suis de la validation d'une seule zone d'entrée et la valeur est un paramètre à un lien. Mais je pense que vous avez raison, il permettra de valider onclick automatiquement.
    InformationsquelleAutor Alex
  3. 0

    Utiliser le formulaire méthode form() méthode avec votre événement click

    InformationsquelleAutor mymotherland