Chapter 3 (validation control)

Chapter 3
Validation
Controls
ValidationControl ហ ោសូហនឿន 1

Introduction
 Used to validate User-Input in an input control.
 The page validation is performed when a
Button, ImageButton, or Link control is clicked.
 Setting CauseValidation to False is to cancel
Validation.
ValidationControlហ ោសូហនឿន
2

Types of Validation Controls
 There are 6 types of Validation Controls
 RequiredFiledValidator Control
 RangeValidator Control
 RegularExpressionValidator Control
 CompareValidator Control
 CustomValidator Control
 ValidationSummary Control
3

RequiredFieldValidator
 To make sure that has entered the required data in
the input control(TextBox).
<asp:RequiredFieldValidator runat=server ID=…
ControlToValidate=… ErrorMessage=“….">
</asp:RequiredFieldValidator>
4

RequiredFieldValidator
 See the example:
<body>
<form id="form1" runat="server">
<asp:TextBox ID=fName runat=server> </asp:TextBox>
<asp:RequiredFieldValidator runat=server ID=fNameVal
ControlToValidate=fName ErrorMessage="Please Enter the First
Name"></asp:RequiredFieldValidator>
<asp:Button ID=Submit runat=server Text=Submit />
</form>
</body>
5

RangeValidator
 To check that the values input is what in the
specified range of values.
 There are some important properties:
 ControlToValidate
 MinimumValue
 MaximumValue
 Type
<asp:RangeValidator runat=server ID=… ControlToValidate=… Type=…
MinimumValue=… MaximumValue=… ErrorMessage=“…">
</asp:RangeValidator>
6

RangeValidator
 See the Example:
<body>
<asp:TextBox ID=fName runat=server> </asp:TextBox>
<asp:RangeValidator runat=server ControlToValidate=fName MinimumValue="A"
MaximumValue="Z" Type=String ID=fNameVal ErrorMessage="Capital Only"
CultureInvariantValues="True"></asp:RangeValidator> <br />
<asp:Button ID=Submit runat=server Text=Submit />
</form>
</body>
7

RegularExpspressionValidator
 To make sure the data input into the input box
match the specified the format.
 It is made up of text with an embedded code
started with a backslash ().
 The property ValidateExpression is used the
format the data input.
8

 To set the word boundary use
 b ….. b
 [Range of Input]
Example you can set the format for letter input a-z and A-Z as below:
b[A-Za-z]+b
<asp:TextBox ID=fName runat=server ></asp:TextBox>
<asp:RegularExpressionValidator runat=server ID=fNameVal ControlToValidate=fName
ValidationExpression="b[A-Z]+b" ErrorMessage="Enter the Letter [a-z, A-Z]
only"></asp:RegularExpressionValidator>
9

 There are some more important forms of the
expression format.
w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
[0-9]{3}-[0-9]{6}
[0-9]{3}-[0-9]{6,7}
10

CompareValidator
 It is used to compare the value entered by a user
into an input box to another.
 Some properties used with the CompareValidator
are:
 ControlToCompare
 Operator
 ValueToCompare
 ControlToValidate
 Type
 ErrorMessage
11

CompareValidator
 The Operator property has the following value:
 Equal
 NotEqual
 GreaterThan
 GreaterThanEqual
 LessThan
 LessThanEqual
 DataTypeCheck
12

CompareValidator
 See the example:
<body>
User Name: <asp:TextBox ID=txtuser runat=server > </asp:TextBox>
<asp:CompareValidator runat=server ControlToValidate=txtuser
ValueToCompare="sonoeun" ErrorMessage="Invalid User Name">
</asp:CompareValidator> <br />
<asp:Button runat=server ID=bntSubmit Text=Submit />
</form>
</body>
13

CustomValidator
 To check that the data input matches the a given
condition or not.
 It is a powerful way to use the Validator controls
since you can write your own customization code.
 It uses the main properties and methods as below:
 ClientValidationFunction: To set the name of the custom
client-side script function used for Validation.
 ValidateEmptyText: To set a boolean value to make sure if
the empty text should be validated or not.
 ServerValidate : The method occurring when the validation
takes place on the server.
14

CustomValidator
 See the Example
<body>
<script language=vbscript runat=server type="text/vbscript" >
Sub serverVal(ByVal source, ByVal objServer)
If (objServer.value = "ServerValidation") Then
objServer.IsValid = True
lbl.Text = "Subscription Successful"
Else
objServer.IsValid = False
lbl.Text = "Subscription Not Successful"
End If
End Sub
</script>
15

CustomValidator
 See the Example (cont.)
<asp:TextBox ID=ServerObj runat=server ></asp:TextBox>
<asp:CustomValidator ID=ServerObjVal runat=server
OnServerValidate="serverVal" ControlToValidate=ServerObj
ErrorMessage="Subscription NOT Accepted">
</asp:CustomValidator>
<br />
<asp:Button runat=server ID=submitServer Text=Submit />
<br />
<asp:label ID=lbl runat=server ></asp:label>
</form>
</body>
16

ValidationSummary
 It collects all validation control error messages for
centralized display.
 It can be displayed as a list, a bullet list, a single
paragraph depending on the DisplayMode
 Specifying the summary display by setting
ShowSummary and ShowMessageBox
properties.
17

ValidationSummary
 Some properties you should know when you use
validationSummary are:
 DisplayedMode
 EnableClientScript
 ForeColor
 HeaderText
 ShowMessageBox
 ShowSummary
18

ValidationSummary
 See The Example:
<body>
First Name:
<asp:TextBox ID=fName runat=server ></asp:TextBox>
<asp:RequiredFieldValidator runat=server ID=RefNameVal
ControlToValidate=fName ErrorMessage="First Name
Needed"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator runat=server ID=EprfNameVal
ControlToValidate=fName ValidationExpression="b[A-z]+b"
ErrorMessage="No Number Permited">
</asp:RegularExpressionValidator>
<br />
Last Name:
<asp:TextBox ID=lName runat=server></asp:TextBox>
19

ValidationSummary
 See The Example:
<asp:RequiredFieldValidator runat=server ID=RelNameVal
ControlToValidate=lName ErrorMessage="Last Name
Needed"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator runat=server ID=ExplNameVal
ValidationExpression="b[A-Z]+b" ControlToValidate=lName
ErrorMessage="Capital Letter Only">
</asp:RegularExpressionValidator> <br/>
<asp:Button runat=server ID=btnSubmit Text=Submit />
<br />
<asp:ValidationSummary ID=valSummary
ShowMessageBox=true runat=server />
</form>
</body>
20

ValidationGroup
 It a property of Validator controls.
 Setting ValidationGroup, it validates only the
validation controls within the specified group when
the control is post back to the server.
 It is used to assign a validation control to a
validation group.
21

ValidationGroup
 Example
22
<body>
<div>
<asp:TextBox ID="TextBox1" Runat="server" ValidationGroup="First">
</asp:TextBox>
<asp:TextBox ID="TextBox2" Runat="server" ValidationGroup="First">
</asp:TextBox><br />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" Runat="server"
ValidationGroup="First" ErrorMessage="TextBox1 should not be blank"
ControlToValidate="TextBox1"> </asp:RequiredFieldValidator>
<asp:Button ID="Submit1" Runat="server" ValidationGroup="First"
Text="Submit 1" />
<br /> <br />

ValidationGroup
23
<asp:TextBox ID="TextBox3" Runat="server" ValidationGroup="Second">
</asp:TextBox>
<asp:TextBox ID="TextBox4" Runat="server" ValidationGroup="Second">
</asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" Runat="server"
ErrorMessage=" TextBox3 should not be blank"
ControlToValidate="TextBox3" ValidationGroup="Second">
</asp:RequiredFieldValidator>
<asp:Button ID="Submit2" Runat="server" ValidationGroup="Second"
Text="Submit 2" />
</div>
</form>
</body>

End
ValidationControl ហ ោសូហនឿន 24

Chapter 3 (validation control)

Recommended

Recommended

More Related Content

Similar to Chapter 3 (validation control)

Similar to Chapter 3 (validation control) (20)

More from let's go to study

More from let's go to study (20)

Recently uploaded

Recently uploaded (20)

Chapter 3 (validation control)