Validation automatique sur le client

Par la validation côté client, nous nous référons ici à la validation qui prend place sur le navigateur de l'utilisateur comme c'est le traitement de la forme, ce qui signifie que la page n'est pas transmis au serveur ColdFusion pour être traitée. Au lieu de cela, l'utilisateur voit un message pop-up JavaScript qui indique le problème. L'utilisateur peut appuyer sur le bouton OK et de corriger le problème immédiatement, sans avoir à remonter à la corriger. Mais est-ce pop-up JavaScript concept vous peur? Êtes-vous peut-être pas familiers avec JavaScript? Ou inquiets script inter-navigateur questions de soutien? Le grand chose sur automatique des clients FC une capacité de validation côté, c'est qu'elle crée le JavaScript pour vous d'effectuer cette validation et pop-up de tels messages. Vous, le programmeur, n'ont pas besoin de comprendre ou de tout code JavaScript du tout. Et le code JavaScript qui a créé des œuvres, même dans les versions anciennes versions de navigateurs. Alors, comment obtenez-vous les marchandises? Vous avez juste besoin de faire quelques changements mineurs à la forme. En effet, la première chose à faire est de changer la forme balise elle-même à une balise CFFORM (et changer également la clôture / tag forme à une clôture / tag CFFORM). ColdFusion Cela indique que vous créez un formulaire qui met à profit les capacités de validation que nous discutons ici. CFFORM peut également être utilisé pour introduire certains éléments d'interface améliorés comme CFGRID, CFTREE, et autres. Ces applet Java caractéristiques sont au-delà de la portée de la discussion de cet article sur la validation et sont discutés plus loin. Et bien que nous discutons aussi une étiquette qui ne CFSELECT ajouter des capacités de validation, la balise CFSELECT peut être utilisé sans aucune validation de créer facilement des listes déroulantes (listes SELECT) basée sur les résultats ColdFusion Query.

La balise est une balise CFFORM intéressant, comparé à la plupart des autres balises. Il est clairement destiné à être un remplaçant pour la balise FORM HTML, mais il ajoute des fonctionnalités supplémentaires qui ne faisait pas partie de la spécification HTML. Comment peut-elle fonctionner? Comment peut-FC cause d'un navigateur pour faire quelque chose qu'il (théoriquement) ne peut pas faire? Eh bien, ce qui se passe, c'est que les ColdFusion tourne le tag CFFORM de nouveau dans une balise de forme régulière, puis elle ajoute également à la page le code JavaScript qui est nécessaires pour accomplir tout ce que vous avez demandé la validation. Et comment pensez-vous de validation de requêtes? Vous avez deux types de balises pour lesquelles vous pouvez ajouter la validation JavaScript, CFINPUT et CFSELECT. Comme le fait le tag CFFORM, ils correspondent directement à leur apport et leurs homologues SELECT. Donc la première étape dans la transformation du formulaire de connexion au début de l'article en utilisant une bande de validation intégré dans JavaScript FC consiste à changer tout simplement la paire de balise FORM et les balises INPUT en paires tag CFFORM et tags CFINPUT, comme suit:

 Entrez votre nom d'utilisateur et mot de passe: 
 Nom d'utilisateur: 
 Mot de passe: 

Si vous regardez attentivement, vous remarquerez que mai nous avons laissé dans la validation hidden-champ à partir de l'exemple précédent. Ayant à la fois client et la validation côté serveur dans un formulaire unique is perfectly fine. Si pour une raison quelconque, le navigateur ne supporte pas le JavaScript pour traiter la validation côté client que ColdFusion génère, la validation hidden-champ peut-il y avoir à le sauvegarder comme la forme est traitée sur le serveur. Bien que vous puissiez vous cachent domaines en place dans un CFFORM, vous ne devez pas changer les tags INPUT pour ces champs cachés aux tags CFINPUT. Seules les balises qui ne sont pas INPUT type = "hidden" peut être utilisé avec CFINPUT (y compris les valeurs de type "texte", "checkbox", "radio", et "password".) Il ne semble pas vraiment d'une manière différente du tout. ColdFusion change la CFFORM dans une balise Form et le CFINPUT en balises d'entrée correspondant et ajoute un peu de code JavaScript pour effectuer toute demande de validation. Mais, bien sûr, si vous n'avez pas encore demandé à bénéficier de la validation, à l'aide de la CFFORM et tags CFINPUT n'est pas logique. Comme vous faites un pas vers la compréhension de la fonctionnalité, toutefois, la compréhension de cette caractéristique est utile.

Tout comme avec le serveur automatique côté (hidden-champ) de validation que nous discutons, CFINPUT peut être utilisé pour indiquer soit que un champ est un besoin d'un (ce qui signifie que l'utilisateur doit entrer une valeur), et / ou il peut indiquer quelques-unes type particulier de validation. En effet, il partage non seulement la plupart des mêmes types de validation (_date, _time, _integer, _float, et ainsi de suite), mais elle ajoute également des validations supplémentaires (tels que carte de crédit, de téléphone et plus). Nous discutons dans un instant. Premièrement, jetez un oeil à un exemple de l'ajout de validation requises à l'aide CFINPUT. C'est différent de l'approche hidden-champ, et pourtant c'est plus simple. Au lieu d'ajouter un nouveau champ à la forme, vous ajoutez simplement un nouvel attribut-pair de la valeur à la balise. En effet, pour être validées, il est simplement question d'ajouter required = "yes", comme dans l'exemple suivant:

Dans l'exemple ci-dessous, nous aimerions changer à la fois ce domaine et la balise CFINPUT le mot de passe rapidement, en nous donnant le texte suivant:

 Entrez votre nom d'utilisateur et mot de passe: 
 Nom d'utilisateur: 
 Mot de passe: 

Notez que, parce que l'espace disponible [où?], Les balises CFINPUT sont chacun divisés sur deux lignes dans l'exemple précédent. L'attribut obligatoire est spécifiée dans la balise CFINPUT. Si cette forme est traitée et présentée sans aucune valeur entrée pour un nom d'utilisateur, le résultat est un pop-up JavaScript message. En tant que développeur FC, vous ne devriez pas vous soucier du code JavaScript qui est créé , mais si cela vous intéresse, utilisez tout simplement la vue de source de ➪ ➪ ou voir la page de commande Source dans la barre de menu de votre navigateur pour afficher le code HTML généré à partir de votre page. Considérant que CF5 et les versions antérieures généré peut-être jusqu'à 50 lignes de code JavaScript qui est sorti au début de l'HTML généré, CF MX utilise un fichier JavaScript incorporé (en utilisant un