Automatische Überprüfung auf dem Client

Durch die client-seitige Validierung, verweisen wir Sie hier, um die Validierung, die auf den Browser des Benutzers erfolgt, da sie die Form der Verarbeitung, was bedeutet, dass die Seite nicht auf den ColdFusion-Server übergeben wird, um verarbeitet werden. Stattdessen sieht der Benutzer ein JavaScript-Popup-Nachricht, dass das Problem hinweist. Der Benutzer kann die OK-Taste drücken, und beheben Sie das Problem sofort, ohne zu sichern, um es zu korrigieren. Aber heißt das JavaScript-Pop-up-Konzept, das du Angst? Sind Sie vielleicht nicht mit JavaScript? Oder über die Cross-Browser-Skript-Unterstützung Probleme Sorgen? Die große Sache über die automatische Client-CF-Validierung Fähigkeit ist, dass es die JavaScript für Sie erstellt, diese Bestätigung und Pop-up solcher Mitteilungen durchzuführen. Du, der Programmierer, brauche nicht zu verstehen, oder JavaScript-Code. Und dem JavaScript, die erstellt's funktioniert auch in älteren Browser-Versionen. Wie bekommt man die Ware? Sie brauchen nur um ein paar kleinere Änderungen an der Form. In der Tat ist das erste, was zu tun, um die FORM-Tag selbst zu einer CFForm Tag zu ändern (und auch den Abschluss / FORM-Tag zu einem abschließenden / CFForm tag). Das sagt ColdFusion, dass Sie ein Formular, das nutzt die Validierung Fähigkeiten, die wir diskutieren hier bist. CFForm erstellen kann auch dazu verwendet werden, um einige erweiterte Benutzeroberfläche Features wie cfgrid, cftree und andere vorstellen. Diese Java-Applet-basierte Funktionen sind über den Rahmen der Diskussion dieses Artikels ist über die Validierung und werden weiter erörtert. Und obwohl wir uns auch mit ein CFSELECT Tag, das ist eine gewisse Bestätigung Fähigkeiten, die CFSELECT Tag kann ohne Überprüfung verwendet werden, zur einfachen Erstellung von Drop-Down-Listen (SELECT-Listen) auf ColdFusion Query Ergebnissen hinzuzufügen.

Die CFForm Tag ist ein interessanter Tag, im Vergleich zu den meisten anderen Tags. Es ist klar soll ein Ersatz für die HTML-FORM-Tag, aber es sorgt für zusätzliche Funktionalität, die nicht Teil der HTML-Spezifikation. Wie kann das funktionieren? Wie kann ein CF-Browser, um etwas, dass es (theoretisch) nicht tun können, verursachen? Nun, was passiert ist, dass die ColdFusion der CFForm Tag zurück verwandelt sich in einen regelmäßigen FORM-Tag, und dann ist es erhöht auch die Seite der JavaScript-Code, der erforderlich sind, um unabhängig von der Validierung von Ihnen angeforderte durchzuführen. Und wie sehen Sie nach Validierung? Sie haben zwei Arten von Tags, für die Sie JavaScript Validierung, cfinput und CFSELECT hinzufügen können. Genauso wie der Tag CFForm entsprechen diese direkt an ihre Ein-und SELECT-Pendants. Der erste Schritt bei der Umwandlung des Login-Formular am Anfang des Artikels ein, dass in integrierten JavaScript-CF Validierung verwendet wird, einfach die FORM-Tag-Paar und INPUT-Tags in CFForm Tag-Paaren und cfinput Tags zu ändern, wie folgt:

 Geben Sie Ihren Benutzernamen und Ihr Passwort ein: 
 Benutzername: 
 Passwort: 

Wenn Sie genau hinsehen, werden Sie feststellen, dass wir in den verborgenen-Bereich Validierung von dem früheren Beispiel verlassen haben. Nachdem sowohl Client-und Server-Validierung in einer einzigen Form ist völlig in Ordnung. Wenn aus irgendeinem Grund den Browser nicht unterstützt JavaScript, um die Client-seitige Validierung, dass ColdFusion generiert, die versteckte-Bereich Validierung kann da sein, um es wieder bis die Form auf dem Server-Prozess verarbeitet wird. Sie können zwar immer die versteckten Felder innerhalb eines CFForm, müssen Sie sich nicht die INPUT-Tags für die ausgeblendeten Felder zu cfinput Tags. Nur INPUT-Tags, die nicht type = "hidden" kann mit cfinput verwendet werden (einschließlich der Art Werte "text", "checkbox", "Radio" und "password".) Es ist wirklich nicht angezeigt anders überhaupt. ColdFusion ändert die CFForm in einer FORM-Tag und dem cfinput in die entsprechenden INPUT-Tags und fügt etwas JavaScript-Code zu jeder gewünschten Validierung durchzuführen. Aber natürlich, wenn Sie noch keine Anfrage vorgenommen Validierung, die Verwendung des CFForm und cfinput Tags ist nicht logisch. Wie Sie Schritt zum Verständnis der Funktion, jedoch Verständnis dieser Eigenschaft ist nützlich.

Genau wie bei der automatischen Server-Seite (hidden-field) Validierung, die wir diskutieren können cfinput verwendet werden, um entweder an, dass ein Feld ist obligatorisch ein (was bedeutet, dass der Benutzer einen Wert eingeben müssen), und / oder ob es eine geben kann besondere Art der Validierung. Ja, es teilt nicht nur die meisten der gleichen Validierung Arten (_date, _time, _integer, _float, und so weiter), sondern fügt auch zusätzliche Validierungen (zB Kreditkarte, Telefon und vieles mehr). Wir diskutieren diese in einem Augenblick. Nehmen Sie sich zuerst einen Blick auf ein Beispiel für das Hinzufügen erforderlich Validierung mithilfe cfinput. Es ist von der versteckten-Bereich Ansatz anders, und doch ist es einfacher. Statt das Hinzufügen eines neuen Feldes auf die Form, fügen Sie einfach ein neues Attribut-Wert-Paar an dem Tag. In der Tat, für die Validierung erforderlich, es ist einfach eine Frage der Zugabe required = "ja", wie im folgenden Beispiel:

In dem folgenden Beispiel würden wir auch auf diesem Gebiet und die cfinput Tag für das Passwort zu ändern Eingabeaufforderung geben Sie uns die folgenden:

 Geben Sie Ihren Benutzernamen und Ihr Passwort ein: 
 Benutzername: 
 Passwort: 

Beachten Sie, dass, da der Platz zur Verfügung [wo?], Sind die cfinput Tags aufgeteilt in je zwei Zeilen im obigen Beispiel. Das erforderliche Attribut ist innerhalb der cfinput Tag angegeben. Wenn Sie dieses Formular verarbeitet wird und mit keinen Wert für eine Nutzernamen eingegeben vorgelegt, das Ergebnis ist ein JavaScript-Popup-Nachricht. Als CF-Entwickler, sollten Sie sich nicht um die Sorgen, dass JavaScript erstellt's , aber wenn es Sie interessiert, nutzen Sie einfach das Profil ➪ ➪ Quelle oder Ansicht-Seite Quelle Befehl aus dem Menü Ihres Browsers auf die generierte HTML-Code aus Ihrer Seite anzuzeigen. In der Erwägung, CF5 und früheren Versionen erstellt vielleicht nicht weniger als 50 Zeilen JavaScript-Code, der an der Spitze des generierten HTML verwendet CF MX einem eingebetteten JavaScript-Datei (mit einem erschienen