DreamwaverMX et ASP.NET(5)

pour configurer les zones de saisie pour saisir des données. ASP.NET dispose d'un contrôle textbox pour accepter les données. La syntaxe est la suivante :

< asp:textbox id=”…” runat=”server” autres attributs/ >

Dans DreamweaverMX, vous pouvez cliquer sur Bouton de raccourci pour ajouter un contrôle de zone de texte. Dans la boîte de dialogue contextuelle, définissez l'ID, le mode texte (type de boîte de dialogue), l'info-bulle (l'invite lorsque la souris survole le contrôle), la mise en page (conception de style) et les informations de style (utilisées pour définir l'entrée format de texte et format de bordure de zone de texte) pour définir le contrôle. L'image ci-dessous est la boîte de dialogue des paramètres de la zone de texte.


[Figure 5-3, boîte de dialogue des paramètres de la zone de texte 1]

[Figure 5-4, boîte de dialogue des paramètres de la zone de texte 2]


[Figure 5-5, boîte de dialogue des paramètres de la zone de texte 3]

Étant donné que l'élément de données COMMENTAIRE nécessite la saisie d'une grande quantité de texte, une zone de texte avec plusieurs lignes de saisie doit être utilisée. Réglez simplement le mode texte sur MultiLine et entrez le nombre de lignes souhaité (Rows).

Afin de générer l'événement ajouté, un bouton est également nécessaire. Cliquez sur l'onglet Formulaires et cliquez sur le bouton "bouton" pour ajouter.

Utilisation de la validation des données STEP2

Étant donné que First_name, Last_name, phone et email doivent être saisis, afin d'éviter que l'utilisateur n'oublie de saisir, vous pouvez ajouter le contrôle RequiredFieldValidator pour vérifier le contrôle. Étant donné que le contrôle affichera le contenu qui échoue à la vérification à son emplacement en cas d'erreurs de validation, le contrôle de validation des données doit être placé à l'emplacement approprié.

La syntaxe de contrôle pour la validation des données RequiredFieldValidator est la suivante :

< asp:RequiredFieldValidato autres attributs runat="server" >Message d'erreur</ asp:RequiredFieldValidator >

ou

< asp:RequiredFieldValidator ErrorMessage="Message d'erreur" Autres attributs runat="server"/ >

Après avoir cliqué sur Plus de balises, sélectionnez Serveur de validation des balises ASP.NET et vous pouvez voir qu'il existe différents types de contrôles de validation de données parmi lesquels choisir. Nous devons ajouter le contrôle de validation asp:RequiredFieldValidator derrière la zone de saisie First_name.

Dans la fenêtre des paramètres du contrôle RequiredfieldValidator, Control to Validate est l'ID du contrôle d'entrée associé à ce contrôle de validation de données, et Error Message est le message affiché lorsque la validation des données échoue. Dans le même temps, nous pouvons sélectionner le style requis en définissant les informations de mise en page et de style.


[Figure 5-6 Sélection du contrôle de validation]


[Figure 5-7 Boîte de dialogue des paramètres du contrôle RequiredfieldValidator]

Dans le même temps, ajoutez un autre contrôle de validation de données RequiredFieldValidato en utilisant la même méthode derrière la zone de saisie Last_Name. Nous pouvons maintenant enregistrer et prévisualiser la page. Lorsqu'aucune donnée n'est saisie dans les zones de saisie Prénom et Nom et que vous cliquez sur le bouton Soumettre, un message d'échec de vérification apparaît. Comme le montre la figure 5-8.

Mais nous devons souvent vérifier des données valides. Par exemple, le code postal doit comporter 6 chiffres et l'adresse e-mail saisie doit être sous une forme spécifique. Ici, vous devez utiliser RegularExpressionValidator pour vérifier la validité des données. Dans cette page d'inscription, le téléphone et le courrier électronique peuvent utiliser ce contrôle à des fins de vérification.


[Figure 5-8 Boîte de dialogue RequiredfieldValidator]

[Figure 5-9 Propriétés des paramètres de messagerie]

Semblable à la méthode d’ajout du contrôle de validation RequiredfieldValidator, cliquez sur « Plus de balises… » pour choisir d’ajouter le contrôle de validation des données. La différence réside dans la définition de l'expression de validation. Étant donné que le téléphone doit saisir 7 à 10 chiffres, il doit être configuré comme suit :

[0-9]{7,10}

Sa syntaxe est la suivante :

[] : utilisé pour définir les caractères acceptables. Par exemple, az signifie que les minuscules « a - z » sont des caractères acceptables, a-zA-Z signifie que toutes les lettres sont acceptables et 0-9 signifie que toutes les lettres sont acceptables. nombre.

{} : utilisé pour définir le nombre de caractères à saisir, {7,10} signifie que 7 à 10 caractères peuvent être saisis, {0,} signifie que 0 caractères illimités peuvent être acceptés.

'.' : Indique la saisie d'un caractère. .{0,} signifie que 0 - un nombre infini de caractères est acceptable.

| : Indique OR (ou), par exemple, [A-Za-z]{3}|[0-9]{3} signifie que 3 lettres anglaises ou 3 chiffres peuvent être acceptés

() : Pour faciliter la lecture, les chaînes contenant le symbole | sont généralement entourées de (). Par exemple ([A-Za-z]{3}|[0-9]{3}).

 : S'il contient des symboles spéciaux tels que [], {}, (), |, etc., doit être ajouté avant ces chaînes.

Voici quelques-uns des exemples les plus couramment utilisés :

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

Téléphone (y compris l'indicatif régional) : ([0-9]{3,4}))[0-9]{7,8}

Bien qu'il n'y ait aucune garantie que les données saisies par l'utilisateur correspondent aux données réelles, le contrôle de validation peut garantir que le format est correct.


[Figure 5-10 Page d'aperçu]

Quant au contrôle CompareValidator, ses propriétés sont définies comme suit :