jquery validate: SI le formulaire est valide ensuite afficher le bouton soumettre

J'ai une base de formulaire vide et voudrais seulement montrer le bouton une seule fois:

  1. Données ont été saisies dans le formulaire.
  2. Tous les requis/valide les champs sont corrects.

Avant de disparaître dans le bouton soumettre une fois que le formulaire est correct.

Rapide jsfiddle: http://jsfiddle.net/36JZL/

<form action="#" method="post">
    <label>Name</label>
    <input type="text" name="name" class="required" value="" />

    <label>Email</label>
    <input type="email" name="email" class="required email" value="" />

    <label>Message</label>
    <textarea name="message" class="required"></textarea>

    <input type="submit" name="save" value="Save" class="hide" />
</form>

$('form').validate();
Quel est donc le problème? Valider les champs et si il passe ensuite fondu dans le bouton....
Oui exactement, mais comment valider à l'aide de jquery?
J'ai vérifié les docs qui suggère l'utilisation de la submitHandler. Mais à l'intérieur de cette comment puis-je vérifier si le formulaire est valide pour afficher/masquer le bouton.
Je ne pense pas que le submitHandler serait de travailler parce que vous souhaitez le valider avant de l'envoyer afin que vous pouvez afficher sur le bouton. Voir ma réponse.
manifestement, vous ne pouvez pas utiliser les soumettre événement qui est déclenché par le soumettez pas encore visibles. au lieu d'utiliser le keyup événements sur chaque champ

OriginalL'auteur John Magnolia | 2012-10-23

  1. 6

    Après Alan Buchanan réponse, cela peut fonctionner:

    $('#yourform input,#yourform textarea').bind('oninput', function(){

    if ($('#yourform').valid()) $('#submitButton').fadeIn();

});

    - Notes et référence.

    Géniale cette fonctionne grâce. Juste très surpris de voir qu'il n'est pas un moyen de l'extension de jquery validation de méthodes, qui doit déjà avoir quelque chose de très similaire vérifier les champs du formulaire d'intervention/etc

    OriginalL'auteur Labu

  2. 2

    Vous suggérons de feu, de javascript sur les événements de modification de vos entrées d'un formulaire et de vérifier si chacun passe de votre validation. Si c'est le cas alors fondu dans le bouton.

    le changement a besoin d'un flou

    OriginalL'auteur AGB

  3. -2

    Il n'y a pas de fonction dans jQuery pour ce faire. Vous avez besoin de lier un événement à la soumission de ce formulaire ou à chacun des champs et de valider les champs obligatoires de la longueur du texte, et si tous sont plus 0. ensuite, vous pouvez soumettre le formulaire ou fondu dans le bouton soumettre.

    La submnit événement sera déclenché lorsque vous touchez une entrée à l'intérieur de la forme dans l'un des champs.

    Prendre un coup d'oeil à ce lien.

    http://api.jquery.com/submit/

    Pourrais-je savoir la raison derrière le bas de vote
    Peut-être parce qu'il n'a rien à voir avec le jQuery valider qui est ce que l'OP se réfère. PS: je n'ai pas downvote

    OriginalL'auteur Manjunath Manoharan