DreamwaverMX und ASP.NET(5)

um Eingabefelder zur Eingabe von Daten einzurichten. ASP.NET verfügt über ein Textfeld-Steuerelement zum Akzeptieren von Daten. Die Syntax lautet wie folgt:

< asp:textbox id=“…“ runat=“server“ andere Attribute/ >

In DreamweaverMX können Sie klicken Verknüpfungsschaltfläche zum Hinzufügen einer Textfeldsteuerung. Legen Sie im Popup-Dialogfeld die ID, den Textmodus (Dialogfeldtyp), den Tooltip (die Eingabeaufforderung, wenn sich die Maus über dem Steuerelement befindet), das Layout (Stildesign) und die Stilinformationen (zum Festlegen der Eingabe) fest (Textformat und Textfeldrahmenformat), um das Steuerelement festzulegen. Das Bild unten zeigt das Einstellungsdialogfeld des Textfelds.


[Abbildung 5-3 Dialogfeld „Textfeldeinstellungen 1“]

[Abbildung 5-4 Dialogfeld „Textfeldeinstellungen 2“]


[Abbildung 5-5 Dialogfeld „Textfeldeinstellungen 3“]

Da das Datenelement KOMMENTAR die Eingabe einer großen Textmenge erfordert, muss ein Textfeld mit mehreren Eingabezeilen verwendet werden. Stellen Sie einfach den Textmodus auf MultiLine ein und geben Sie die gewünschte Anzahl an Zeilen (Rows) ein.

Um das hinzugefügte Ereignis zu generieren, wird außerdem eine Schaltfläche benötigt. Klicken Sie auf die Registerkarte „Formulare“ und klicken Sie zum Hinzufügen auf die Schaltfläche „Schaltfläche“.

Verwendung der STEP2-Datenvalidierung

Da Vorname, Nachname, Telefonnummer und E-Mail-Adresse eingegeben werden müssen, können Sie das RequiredFieldValidator-Steuerelement hinzufügen, um das Steuerelement zu überprüfen, um zu verhindern, dass der Benutzer die Eingabe vergisst. Da das Steuerelement bei Validierungsfehlern an seiner Stelle Inhalte anzeigt, die die Überprüfung nicht bestehen, sollte das Datenvalidierungssteuerelement an der entsprechenden Stelle platziert werden.

Die Steuersyntax für die RequiredFieldValidator-Datenvalidierung lautet wie folgt:

< asp:RequiredFieldValidato other attributes runat="server" >Fehlermeldung</ asp:RequiredFieldValidator >

oder

< asp:RequiredFieldValidator ErrorMessage="Fehlermeldung" Andere Attribute runat="server"/ >

Nachdem Sie auf „Weitere Tags“ geklickt haben, wählen Sie „Validierungsserver für ASP.NET-Tags“ aus. Sie sehen, dass verschiedene Arten von Datenvalidierungssteuerelementen zur Auswahl stehen. Wir müssen das Validierungssteuerelement asp:RequiredFieldValidator hinter dem Eingabefeld „Vorname“ hinzufügen.

Im Einstellungsfenster des RequiredfieldValidator-Steuerelements ist Zu validierendes Steuerelement die ID des Eingabesteuerelements, das diesem Datenvalidierungssteuerelement zugeordnet ist, und Fehlermeldung ist die Meldung, die angezeigt wird, wenn die Datenvalidierung fehlschlägt. Gleichzeitig können wir den gewünschten Stil auswählen, indem wir Layout- und Stilinformationen festlegen.


[Abbildung 5-6 Auswahl der Validierungssteuerung]


[Abbildung 5-7 Dialogfeld „RequiredfieldValidator-Steuerungseinstellungen“]

Fügen Sie gleichzeitig ein weiteres RequiredFieldValidato-Datenvalidierungssteuerelement mit derselben Methode hinter dem Eingabefeld Last_Name hinzu. Jetzt können wir die Seite speichern und in der Vorschau anzeigen. Wenn in den Eingabefeldern „Vorname“ und „Nachname“ keine Daten eingegeben werden und auf die Schaltfläche „Senden“ geklickt wird, wird eine Meldung zum Verifizierungsfehler angezeigt. Wie in Abbildung 5-8 dargestellt.

Aber oft müssen wir gültige Daten überprüfen. Beispielsweise muss die Postleitzahl 6-stellig sein und die eingegebene E-Mail-Adresse muss in einer bestimmten Form vorliegen. Hier müssen Sie RegularExpressionValidator verwenden, um die Gültigkeit der Daten zu überprüfen. Auf dieser Registrierungsseite können sowohl Telefon als auch E-Mail dieses Steuerelement zur Verifizierung verwenden.


[Abbildung 5-8 Dialogfeld „RequiredfieldValidator“]

[Abbildung 5-9 Eigenschaften der E-Mail-Einstellung]

Klicken Sie ähnlich wie beim Hinzufügen des Validierungssteuerelements „RequiredfieldValidator“ auf „Weitere Tags …“, um das Hinzufügen des Datenvalidierungssteuerelements auszuwählen. Der Unterschied besteht im Festlegen des Validierungsausdrucks. Da das Telefon 7–10 Ziffern eingeben muss, muss es wie folgt eingestellt werden:

[0-9]{7,10}

Seine Syntax ist wie folgt:

[]: Wird verwendet, um akzeptable Zeichen zu definieren. az bedeutet beispielsweise, dass Kleinbuchstaben „a“ bis „z“ akzeptable Zeichen sind, a-zA-Z bedeutet, dass alle Buchstaben akzeptabel sind, und 0-9 bedeutet, dass alle Buchstaben akzeptabel sind. Nummer.

{}: wird verwendet, um die Anzahl der Zeichen zu definieren, die eingegeben werden müssen. {7,10} bedeutet, dass 7-10 Zeichen eingegeben werden können, {0,} bedeutet, dass 0-unbegrenzte Zeichen akzeptiert werden können.

'.': Zeigt die Eingabe eines beliebigen Zeichens an. .{0,} bedeutet, dass 0 bis unendlich viele Zeichen zulässig sind.

|: Gibt OR (oder) an, zum Beispiel bedeutet [A-Za-z]{3}|[0-9]{3}, dass 3 englische Buchstaben oder 3 Zahlen akzeptiert werden können

(): Um das Lesen zu erleichtern, werden Zeichenfolgen, die das Symbol | enthalten, normalerweise in () eingeschlossen. Zum Beispiel ([A-Za-z]{3}|[0-9]{3}).

: Wenn es spezielle Symbole wie [], {}, (), | usw. enthält, muss vor diesen Zeichenfolgen hinzugefügt werden.

Im Folgenden sind einige der am häufigsten verwendeten Beispiele aufgeführt:

E-Mail: .{1,}@.{1,}/..{1}

Telefon (einschließlich Vorwahl): ([0-9]{3,4}))[0-9]{7,8}

Obwohl es keine Garantie dafür gibt, dass es sich bei der Benutzereingabe um die tatsächlichen Daten handelt, kann die Validierungskontrolle sicherstellen, dass das Format korrekt ist.


[Abbildung 5-10 Vorschauseite]

Die Eigenschaften des CompareValidator-Steuerelements werden wie folgt festgelegt: