Comment utiliser une validation JavaScript ou PHP personnalisée dans votre formulaire

Apprenez à valider les valeurs des champs dans ChronoForms v8 : Guide étape par étape

Overview

Dans ChronoForms v8, vous pouvez valider les valeurs des champs en utilisant des fonctions PHP ou JavaScript en activant le comportement "Valid Function" dans les paramètres du champ. Pour la validation JavaScript, définissez une fonction dans une vue JavaScript qui retourne true pour les valeurs valides ou une chaîne d'erreur, tandis que le code de validation PHP s'exécute après la soumission du formulaire pour vérifier des conditions comme l'exclusion de sous-chaînes "http". Ce guide vous explique comment configurer les deux méthodes de validation pour garantir un traitement des données de formulaire précis et sécurisé.

Dans ChronoForms v8, vous pouvez valider les valeurs des champs en utilisant des fonctions PHP ou JavaScript, voici comment procéder :

  1. Ouvrez votre champ pour l'édition
  2. Activez le comportement "Valid Function"
  3. Saisissez le nom de la fonction JavaScript à utiliser pour la validation, vous pouvez ignorer cette étape si vous souhaitez utiliser uniquement PHP pour la validation.
    Cette fonction s'exécutera chaque fois que la valeur du champ change ou que le bouton de soumission est pressé.
    Nous devons utiliser une vue JavaScript pour définir la fonction, nous le ferons à l'étape suivante.
  4. Saisissez le code PHP à utiliser pour valider la valeur du champ, le code ne doit pas contenir de balises PHP, utilisez $value pour obtenir la valeur du champ dans le code.
    Ce code sera traité après que la page du formulaire soit "soumise".
    Ici, nous vérifions que la valeur du champ ne contient pas la sous-chaîne "http"

Maintenant, nous devons définir la fonction JavaScript "check_http" utilisée à l'étape 3 ci-dessus.

  1. Dans le panneau latéral droit, développez la catégorie "Content" sous le menu "Views".
  2. Glissez-déposez une vue JavaScript sur votre page de formulaire, la même page où se trouve le champ validé.
  3. Ouvrez les paramètres de la vue.
  4. Définissez votre fonction de validation, le nom doit être "check_http" comme défini dans le comportement "Valid Function", la fonction prend 1 paramètre d'entrée qui est la valeur du champ.
    La fonction doit retourner "true" si la valeur est correcte OU retourner une chaîne d'erreur dans le cas contraire.