Validation à distance JQuery uniquement après la soumission d'un formulaire

Question

Au lieu de vérifier la valeur après chaque modification, je souhaite que mon appel à distance soit invoqué uniquement après la soumission du formulaire. Est-ce possible?

<input type="text" remote="validate_url.php" > 

Answer 1

Avez-vous essayé quelque chose comme ça? Définissez le champ distant à ignorer et validez-le manuellement lorsque le formulaire est soumis.

$("#yourFormSelector").validate({ 
    ... 
    ignore: 'input[remote]', 
    submitHandler: function(form) { 
     if($(form).validate().element("input[remote]")) 
      form.submit(); 
     else 
      alert("Nope. Remote failed"); 
    } 
}); 

Answer 2

<input type="text" remote="validate_url.php" id="place" name="place"> 

Et à l'intérieur du chargement de la page JQuery, j'ajouté ce qui suit:

$().ready(function() { 
     $("#form-id").validate({ 
      onkeyup: false, 
      messages: { 
       place: { 
        required: "Please enter Place", 
        remote: jQuery.format("Please enter a valid Place or select one form the List") 
       } 
      } 
     }); 


    }); 

Ici, je suis en train de réaliser ce qui suit: (1) L'utilisateur peut entrer une place valide ou (2) Choisissez un lieu dans la liste. (Quand vous commencerez à taper l'autosuggestion listera les lieux correspondants). Maintenant, l'utilisateur peut continuer à taper ou sélectionner un formulaire de la liste. Si l'utilisateur va sélectionner l'une de la liste, le « controll » perdu de la « zone de texte » et la validation « à distance » commence & renvoie l'erreur avant que l'utilisateur sélectionné le toponyme valide ..

En fait, je besoin d'invoquer la validation à distance lorsque le "contrôle est hors de la zone de texte et de la liste d'autosuggestion". Les valeurs d'autosuggestion sont dans une classe "autosuggestion".

Answer 3

check http://docs.jquery.com/Plugins/Validation/validate

si vous souhaitez valider que sur présentation, vous pouvez désactiver les autres événements:

$("#form").validate({ 
    onsubmit: true, 
    onkeyup: false, 
    onclick: false, 
    onfocusout: false, 
... 
})