jQuery Girl
  1. jQuery Girl
  3. Valider un formulaire avec un bouton radio
Intereting Posts
Utilisation de fancybox + option plein écran variables globales ou locales dans un plugin jquery Concentrez / flouez les événements sur des éléments contentables JQuery scroll li id ​​to top of div Validation Jquery pour les champs créés dynamicment Comment envoyer un tableau javascript à l’action struts en utilisant jQuery Ajax Point d’entrée pour le document jQuery jQuery sous-menu comme un accordéon jQuery: faites défiler jusqu’à l’ancre lorsque vous appelez une URL, remplacez le comportement des navigateurs Manipulation granulaire des variables de tableau dans les tables de données Que se passe-t-il lorsqu’un événement est déclenché et que la mise à jour de la page a lieu simultanément? jQuery – Si l’URL correspond à href, déplacez LI en haut de UL? lancer une fonction quand on laisse chaque balise li mais la souris est définie dans la balise ul jQuery ajax security Définissez la valeur de retour de Meteor JS Helper, injectez-la de manière dynamic dans le modèle.

Valider un formulaire avec un bouton radio

METTRE À JOUR: 

rules: { firstname: "asdfsadf", lastname: "123123", city: "required", state: "required", country: "required" , question_1: "required" }, messages: { firstname: "Please enter your firstname", lastname: "Please enter your lastname", city: "Please enter a valid email address", country: "Please accept our policy", question_1: "SELECT at least one question." } 
 Q1: What is the second letter of the alphabet? 
  A  B  C 
 
 
 Q2: Which out of these is a berry? 
  Apples  Bananas  Carrots

J’utilise le plugin jQuery bassistance pour valider ma forme. et toutes les autres validations fonctionnent très bien, mais le bouton radio donne le problème, comment pourrais-je valider le bouton radio, je veux que l’utilisateur sélectionne au moins un bouton radio. 

    $(document).ready(function () { // validate the comment form when it is submitted // validate signup form on keyup and submit $("#signupForm").validate({ rules: { firstname: "asdfsadf", lastname: "123123", city: "required", state: "required", country: "required" }, messages: { firstname: "Please enter your firstname", lastname: "Please enter your lastname", city: "Please enter a valid email address", country: "Please accept our policy" } }); }); 
 
 Validating a form with a radio and checkbox buttons 
 Gender

Il y a un certain nombre de façons de le faire. 

 if ($('input:radio:checked').length) { at least one is checked } else { none are checked }

Bien sûr, vous souhaiterez sélectionner par nom (juste au cas où vous auriez plusieurs ensembles de boutons radio) 

 if ($('input[name="yourNameHere"]:checked').length)

Dans votre object “rules”, vous devriez juste pouvoir faire: 

 gender: "required"

Alternativement, vous semblez avoir l’atsortingbut personnalisé: 

 validate="required:true"

… sur votre radio “masculine”. Vous devriez pouvoir append cela aux deux entrées avec name = “gender” et cela devrait également fonctionner. Voir la démo radio / case à cocher .

Si vous voulez faire quelque chose de plus complexe, le plugin vous donne la possibilité de créer vos propres méthodes de validation.

Voici comment je suis capable de résoudre le problème: espérons que cela aidera les autres. 

   
 Q1: What is the second letter of the alphabet? 
  A  B  C