Validation des éléments de formulaire BreezingForms

Rendre un champs obligatoire, tester et valider son contenu.

La case à cocher Obligatoire ajoute un astérisque au label du champs afin d'informer visuellement l'utilisateur de la nécessiter de renseigner le champs 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 (lorsqu’utilisé seul)
    2. Case à cocher (lorsqu'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 ombre 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 champs 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 champs 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.

Inspiré de: https://crosstec.org/en/support/online-documentation/breezingforms/17-elements/47-validating-form-elements.html

 Ajouter un commentaire
En utilisant ce formulaire de commentaires, vous acceptez que les informations demandées soient enregistrées, affichées ci-dessous et utilisées pour un éventuel contact.