Je souhaiterais m'assurer que certains champs de mes formulaires soient renseignés par l'utilisateur et éventuellement tester si le contenu correspond bien à ce que je souhaite recevoir comme information.
Niveau :
Facile
Version BF minimale requise :
BreezingForms Lite
Compatibilité Joomla! 4/5 :
✅
Rendre un champ obligatoire, tester et valider son contenu.
La case à cocher Obligatoire ajoute un astérisque au label du champ afin d'informer visuellement l'utilisateur de la nécessiter de renseigner le champ correspondant. Toutefois, pour forcer la validation d'un élément, vous devez appeler un script, une règle de validation. N'ayez crainte si vous n'êtes pas en mesure d'écrire un script, tout se trouve déjà au sein du composant. Cela se passe dans la partie Validation, au bas de la page des propriétés de chaque élément.
Dans la plupart des cas, vous souhaiterez choisir une règle de validation disponible dans la bibliothèque. Pour ce faire, après avoir coché la case Obligatoire, cliquez sur le bouton radio Bibliothèque en regard de Validation (comme indiqué ci-dessus). Ensuite, entrez un message d'erreur dans le champ Message d'erreur. C'est le message qui apparaîtra à un utilisateur si le champ ne correspond pas à la règle de validation afin de l'aviser du manque ou d'une erreur de saisie. Enfin, cliquez sur la flèche de la liste déroulante pour choisir un script permettant d'invoquer une règle de validation.
Les scripts / règles de validation installés avec BreezingForms incluent :
Le choix du script à utiliser dépendra du type d'élément. Les scripts et les règles de validation sont listés ci-dessous par ordre alphabétique.
- FF::ff_anychecked
Vérifie qu'un bouton radio au sein d'un groupe ou une case à cocher au sein d'un groupe soit coché.
Ce script peut être utilisé avec les éléments suivants :- Groupe de boutons radio
- Groupe de cases à cocher
- FF::ff_checked
Vérifie qu'un bouton radio ou une case à cocher est coché.
Ce script peut être utilisé avec les éléments suivants :- Bouton radio (lorsque utilisé seul)
- Case à cocher (lorsque utilisée seule)
- FF::ff_flashupload_not_empty
Vérifie qu'un fichier ait été soumis lors d'un chargement de fichier utilisant l'option de chargement Flash.
Ce script peut être utilisé avec les éléments suivants :- Envoi de fichier - Si l'option de chargement Flash a été sélectionnée dans les options du champ
- FF::ff_integer
Vérifie qu'un nombre entier a été saisi
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_integer_or_empty
Vérifie que soit renseigné, soit un nombre entier soit que le champ soit vide.
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_integeramount
Valide qu'une valeur entière positive est saisie
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_real
Valide qu'un nombre réel est saisi.
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_realamount
Vérifie qu'un nombre réel positif est saisi.
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_securitycode_entered
Vérifie qu'un code de sécurité ait été saisi
Ne fonctionne pas en QuickMode, le seul existant encore. - FF::ff_securitycode_ok
Vérifie qu'un code de sécurité valide ait été saisi
Ne fonctionne pas en QuickMode, le seul existant encore. - FF::ff_showvalidation
Affiche la validation des éléments - Utilisé pour le débogage.
Ce script peut être utilisé avec les éléments suivants :- Tous sauf le bouton de soumission, la "vue d'ensemble", (re)Captcha, bouton PayPal, bouton DirectPayment
- FF::ff_unchecked
Vérifie qu'un bouton radio ou case à cocher ne soit pas cochée.
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Champ caché
- FF::ff_validate_date_DDMMYYYY
Vérifie que la date soit au format, format renseigné dans les propriétés du champ calendrier.
Ce script peut être utilisé avec les éléments suivants :- Calendrier
- FF::ff_validemail
Vérifie que le texte saisi respecte la syntaxe E-Mail (pas la validité de l'adresse e-Mail)
Ce script peut être utilisé avec les éléments suivants :- Tous les éléments où l'on peut saisir une adresse e-mail
- FF::ff_validemail_repeat (Confirmation d'e-mail)
Vérifie que la valeur saisie respecte la syntaxe E-Mail (pas la validité de l'e-Mail) et soit identique à un premier champ e-Mail
Ce script peut être utilisé avec les éléments suivants :- Tous les éléments où l'on peut saisir une adresse e-mail
- FF::ff_valuenotempty
Vérifie que le champ concerné ne soit pas vide.
Ce script peut être utilisé avec les éléments suivants :- Champ de texte
- Zone de texte
- Liste de sélection
- Champ caché
- Calendrier
- Élément de chargement de fichier (autre que flash)
Avec toutes ces options de validation, vous avez tout ce qu'il faut pour vous assurer que l'utilisateur ne saisisse pas de valeurs non désirées.
Un seul choix ?
Bonjour,
est-il possible dans les boutons radio ou cases à cocher, d’imposer un seul choix ? Car en suivant les différents tutos rien trouvé dans ce sens, idem dans les paramètres rien ne le permet ou sont sans effet.
Merci
Bonjour.
Par définition, un groupe de cases à cocher doit permettre plusieurs choix possibles, un bouton radio ne permettra qu'un seul choix.
Cela ne nécessite aucun paramètre spécifique.
Erreur message précédent.
Bonjour
j'aimerais vérifier des données en cascade a-t-il moyen de réaliser cela ?
Champ "OBJET" "OUI / NON" (liste)
si NON, champ "en série" "OUI / NON" ne s'affiche pas (liste), valeur par défaut NON
Si OUI, champ "en option" "OUI / NON" s'affiche (liste)
Champ "En série" "OUI / NON" (liste)
si NON → champ "en option" "OUI / NON"
si OUI → champ "en option" "OUI / NON" ne s'affiche pas, valeur par défaut "Non applicable"
Un très grand merci
Merci
Bonjour.
Il vous faut rechercher sur le site, ce genre de problème y est évoqué.
Suivez ce tutoriel afin d'avoir accès à la visibilité conditionnelle des champs.
Bonne chance.
Bonjour et merci pour ce tuto.
J'aimerais savoir s'il est possible de mettre 2 conditions de validation pour un champ. Par exemple, j'ai un champ de type Calendrier. Je souhaite afficher un message si l'utilisateur oublie de remplir le champ. Et un autre s'il ne l'a pas mis dans le bon format au cas où il l'aurait rentré manuellement plutôt que par sélection de l'année, du jour et du mois dans le calendrier. Merci d'avance
Bonjour Kami,
Il serait bien sûr possible d'écrire un nouveau script de validation, mais je vous invite à vous intéresser à ce tutoriel :
Les input's de type "Temps" html5
Non seulement les champs sont, de mon point de vue, bien plus élégants que ces vieux champs de calendrier BreezingForms, leur rendu dépend du navigateur utilisé (aussi bien sur Desktop que sur Mobile), mais en plus, ils ne permettent pas la saisie d'un format non prévu.
Du coup, le script de validation FF:ff_valuenotempty suffit.
Essayez et si cela ne vous satisfait pas, ce dont je doute, contactez-moi.
J'ai une autre question : je veux mettre un champ dans lequel il ne peut y avoir que des nombres à 1 ou 2 chiffres. Est-ce bien le champ "Entrée nombre" ?
Merci !
Kami,
Là aussi, il faudrait écrire un script pour limiter le nombre de chiffres autorisés.
Mais, il est dimanche et j'ai déjà trop travaillé aujourd'hui. Je fais une longue pause 😊.
À bientôt.
Bonjour Eddy, c'était hyper sympa d'avoir répondu un dimanche ! Et de toujours répondre aussi vite ! C'est vraiment chouette ! J'ai donc suivi vos indications pour le calendrier ça marche nickel, merci. Pour le champ code postal, c'est un champ texte, limité à 5 signes (format Fr). Je souhaite mettre une erreur si le champ n'est pas renseigné, ou si il est rempli avec autre chose que des chiffres (ff_integer semble fonctionner). Je suppose que cela se passe dans Validation > Personnalisé ? J'ai créé le code du framework. Je suppose que je dois remplacer element_fails_my_test. Mais par quoi ? Pas d'urgence pour la réponse, je suppose que vous avez largement de quoi faire en dehors ;-) Merci encore !
Bonsoir Kami,
Vous pouvez télécharger un script de validation pour codes postaux français, que je viens de préparer, ici.
Dézippez-le, installez-le et définissez-le pour votre champ de code postal.
Qu'en est-il s'il faut cocher toutes les cases d'un groupe de case à cocher ? Checked est pour un groupe d'1 seule case, anychecked pour un groupe de plusieurs où au moins une doit être cochée. Mais je ne vois pas rien pour forcer la coche sur toutes les cases ?
Merci d'avance