DreamwaverMX and ASP.NET(5)

to set up input boxes to enter data. ASP.NET has a textbox control to accept data. The syntax is as follows:

< asp:textbox id=”…” runat=”server” other attributes/ >

In DreamweaverMX you can click Shortcut button to add textbox control. In the pop-up dialog box, set the ID, text mode (dialog box type), tool tip (the prompt when the mouse is hovering over the control), Layout (style design), and Style Information (used to set the input text format and textbox border). format) to set the control. The picture below is the settings dialog box of textbox.


[Figure 5-3 textbox settings dialog box 1]

[Figure 5-4 textbox settings dialog box 2]


[Figure 5-5 textbox settings dialog box 3]

Since the data item COMMENT requires a large amount of text to be entered, a textbox with multiple input lines needs to be used. Just set the text mode to MultiLine and enter the desired number of rows (Rows).

In order to generate the added event, a button is also needed. Click the Forms tab and click the "button" button to add.

Use of STEP2 data validation

Since First_name, Last_name, telephone, and email must be entered, in order to prevent the user from forgetting to enter, you can add the RequiredFieldValidator control to verify the control. Since the control will display content that fails the verification at its location in the event of validation errors, the data validation control should be placed at the appropriate location.

The control syntax for RequiredFieldValidator data validation is as follows:

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

or

< asp:RequiredFieldValidator ErrorMessage="Error message" Other attributes runat="server"/ >

After clicking More Tags, select Validation Server of ASP.NET Tags and you can see that there are different types of data validation controls to choose from. We need to add the validation control asp:RequiredFieldValidator behind the First_name input box.

In the RequiredfieldValidator control settings window, Control to Validate is the ID of the input control associated with this data validation control, and Error Message is the message displayed when data validation fails. At the same time, we can select the required style by setting layout and style Information.


[Figure 5-6 Validation control selection]


[Figure 5-7 RequiredfieldValidator control settings dialog box]

At the same time, add another RequiredFieldValidato data validation control using the same method behind the Last_Name input box. Now we can save and preview the page. When no data is entered in the First_name and Last_name input boxes and the Submit button is clicked, a verification failure message will appear. As shown in Figure 5-8.

But many times we need to verify valid data. For example, the postal code must be 6 digits, and the entered email address needs to be in a specific form. Here you need to use RegularExpressionValidator to verify the validity of the data. In this registration page, both telephone and email can use this control for verification.


[Figure 5-8 RequiredfieldValidator dialog box]

[Figure 5-9 Email setting properties]

Similar to the method of adding the RequiredfieldValidator validation control, click "More tags.." to choose to add the data validation control. The difference is setting the Validation Expression. Since the phone needs to enter 7-10 digits, it needs to be set as follows:

[0-9]{7,10}

Its syntax is as follows:

[]: Used to define acceptable characters. For example, az means that lowercase 'a'-'z' are acceptable characters, a-zA-Z means that all letters are acceptable, and 0-9 means that all letters are acceptable. number.

{}: used to define the number of characters that must be entered, {7,10} means that 7-10 characters can be entered, {0,} means that 0-unlimited characters can be accepted.

'.': Indicates entering any character. .{0,} means that 0-infinitely any number of characters are acceptable.

|: Indicates OR (or), for example, [A-Za-z]{3}|[0-9]{3} means that 3 English letters or 3 numbers can be accepted

(): To facilitate reading, strings containing the | symbol are usually enclosed in (). For example ([A-Za-z]{3}|[0-9]{3}).

: If it contains special symbols such as [], {}, (), |, etc., . must be added before these strings.

The following are some of the more commonly used examples:

Email: .{1,}@.{1,}/..{1}

Telephone (including area code): ([0-9]{3,4}))[0-9]{7,8}

Although there is no guarantee that the user input is the actual data, the validation control can ensure that the format is correct.


[Figure 5-10 Preview page]

As for the CompareValidator control, its properties are set as follows: