plugin jQuery validator sans utiliser le formulaire [duplicate]

Question

    

Cette question a déjà une réponse ici:

    

        
•              valider des entrées qui ne se trouvent pas dans un formulaire avec jQuery Plugin de validation [fermé]                                      2 réponses                          
    

    

J'ai plusieurs sections sur asp.net qui soumet des données en bloc et je veux utiliser le plug-in de validation jquery, mais le problème est que asp.net enveloppe tout le formulaire et que les formulaires enfants ne fonctionnent pas correctement et techniquement.

Donc, la seule alternative est d'oublier la forme et d'implémenter la validation pour les divs. Mais tous les mêmes noms que je vois utilisent la forme. Comme je ne suis pas doué pour jquery, je ne vois pas comment utiliser ce validateur sur une section de page (On div).

Est-ce possible? ou toute autre bonne alternative?

Source: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 1

Comme dit nightingale2k1, vous devriez être capable d’utiliser ce plug-in sans problème avec un FORM. Voici un exemple rapide qui utilise une DIV à la place:

<div id="pseudoForm">
  <input type="text" name="first_name"/>
  <input type="text" name="last_name"/>
</div>
<script type="text/javascript">
  $("#pseudoForm").validate({
    onfocusout:true,
    rules:{
      first_name:"required",
      last_name:"required"
    });
</script>

Notez que j'ai utilisé & "onfocusout: true &", ce qui permettra au plug-in de se valider lorsque l'utilisateur désélectionne l'un ou l'autre de ces éléments. Vous devrez soit utiliser quelque chose comme ça, soit connecter votre propre événement (probablement en réponse à une pression sur un bouton) pour que la validation soit déclenchée, car le déclencheur normal (onSubmit) ne s'applique pas aux DIV.

Answer 2

J'utilise le plug-in jQuery bassistance que vous avez mentionné ci-dessus, et il ne nécessite pas la soumission de formulaire pour effectuer la validation. il vient de valider après & "sur le flou &"; événement déclenché.

ou si vous souhaitez le valider manuellement, vous pouvez appeler comme suit: $("#commentForm").validate(); (lisez sur cette page du document [http://docs.jquery.com/Plugins/Validation][1])

Answer 3

Dans une de mes pages, j'ai une div qui est renvoyée via Java et Ajax. Avant de soumettre, je valide les champs individuels à l'aide de .validate (). Element (& Quot; #myelement & Quot;); Cependant, je fais tout en javascript et je ne me fie pas du tout aux contrôles automagic asp intégrés.

Je déteste le dire, mais ce problème de forme globale est votre vrai problème. Ce n'est probablement pas une option, mais si c'est le cas, regardez comme passer à asp.net MVC.