Validation des éléments de formulaire BreezingForms

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.

validation BF

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.

  1. 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 :
    1. Groupe de boutons radio
    2. Groupe de cases à cocher
  2. 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 :
    1. Bouton radio (lorsque utilisé seul)
    2. Case à cocher (lorsque utilisée seule)
  3. 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 :
    1. Envoi de fichier - Si l'option de chargement Flash a été sélectionnée dans les options du champ
  4. FF::ff_integer
    Vérifie qu'un nombre entier a été saisi
    Ce script peut être utilisé avec les éléments suivants :
    1. Champ de texte
    2. Champ caché
  5. 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 :
    1. Champ de texte
    2. Champ caché
  6. FF::ff_integeramount
    Valide qu'une valeur entière positive est saisie
    Ce script peut être utilisé avec les éléments suivants :
    1. Champ de texte
    2. Champ caché
  7. FF::ff_real
    Valide qu'un nombre réel est saisi.
    Ce script peut être utilisé avec les éléments suivants :
    1. Champ de texte
    2. Champ caché
  8. FF::ff_realamount
    Vérifie qu'un nombre réel positif est saisi.
    Ce script peut être utilisé avec les éléments suivants :
    1. Champ de texte
    2. Champ caché
  9. FF::ff_securitycode_entered
    Vérifie qu'un code de sécurité ait été saisi
    Ne fonctionne pas en QuickMode, le seul existant encore.
  10. 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.
  11. FF::ff_showvalidation
    Affiche la validation des éléments - Utilisé pour le débogage.
    Ce script peut être utilisé avec les éléments suivants :
    1. Tous sauf le bouton de soumission, la "vue d'ensemble", (re)Captcha, bouton PayPal, bouton DirectPayment
  12. 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 :
    1. Champ de texte
    2. Champ caché
  13. 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 :
    1. Calendrier
  14. 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 :
    1. Tous les éléments où l'on peut saisir une adresse e-mail
  15. 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 :
    1. Tous les éléments où l'on peut saisir une adresse e-mail
  16. FF::ff_valuenotempty
    Vérifie que le champ concerné ne soit pas vide.
    Ce script peut être utilisé avec les éléments suivants :
    1. Champ de texte
    2. Zone de texte
    3. Liste de sélection
    4. Champ caché
    5. Calendrier
    6. É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.

8 commentaires

  • 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

  • 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 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

    Edité le Dimanche 24 Mars 2024 09:21 par Eddy.
  • 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 retrouvé la page ;-) Merci Eddy, cela marche très bien avec le champs texte et la config comme sur la page indiquée.
      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 !

Connectez-vous pour poster un commentaire

Afin d'éviter les messages indésirables, les commentaires sont réservés aux membres inscrits. Veuillez vous inscrire ou vous connecter pour publier votre commentaire

FAIRE UN DON

paypal btn

Via PayPal

PLUGIN UP DE LOMART

Universal Plugin : UP

De très nombreuses actions pour vos articles en un unique plugin.
up lomart