Validation and Rich controls 1

www.tech.findforinfo.com 1

Validation and Rich controls


►Calendar control Formatting a calendar Restricting dates


The Calendar Control

►It is one of the most impressive controls

►It is called as rich control because it can be generated with a simple tag but it is rendered in dozens of HTML lines


Calendar controls -Default features

►Calendar control presents a single month view (User navigates)

►Each time the page is posted back and ASP.NET provides a new page

►The date is selected and it can be retrieved

►The day is retrieved as DateTime Object from the Calendar.SelectedDate property


Basic set of features

►Configuration of selection modes►Select entire month/week►Done using the

Calendar.SelectionMode property►Static calendar


Calendar control properties

Property DescriptionCaption Caption of the calendarCaptionAlign Alignment of the calendarCellPadding The space between the cell

walls and the contentCellspacing Space between cells

DayStyle The format for displaying days

NextPrevFormat

The format for next previous month links


Calendar control properties

Property DescriptionSelectedDate The selected dateSelectionMode

How a user is allowed to select dates

SelectorStyle The style for the month and week selection link

ShowGridLines

Boolean property

ShowTitle Boolean property

OnDayRender The name of the function to be executed when when each day cell is created


Formatting the calendar control

Property DescriptionHorizontal Align

Sets the contents with the horizontal alignment

Vertical Align Sets the contents with the vertical alignment

Wrap Specifies whether the contents are to be wrapped automatically or the cell is to be extended



Property Description

Horizontal Align

Sets the contents with the horizontal alignment

Vertical Align Sets the contents with the vertical alignment

Wrap Specifies whether the contents are to be wrapped automatically or the cell is to be extended



Property Description

DaysHeaderStyle The style for the days of the week

DayStyle The default style for the dates

NextPrev style The style for the navigation

OtherMonthDaysStyle

The style for the dates that are not currently displayed

SelectedDayStyle The style for the selected day

SelectorStyle The style for the selector controls


Adrotator

►The Adrotator displays a randomly selected image

►It contains the xml file that lists all the available images


Elements

Element DescriptionImageUrl The url for the image relative

urlNavigateUrl The link that will be followed

when the user clicks on the banner

Alternatetext The text that will be displayed if the picture cannot be displayed

Impression A number that set the appearance of the advertisement

Keyword Used for filtering the advertisements


Property

Property DescriptionAdvertisement file

Relative path

Keyword filter

To filter the file

Target The target window or frame


Specific values for the target

Target Description_blank The link opens a new unframed

window

_parent The link opens in the parent of the current frame

_self The link opens in the current frame

_top The link opens in the topmost frame of the current window


Validation controls

►Powerful tool to verify the user input and display custom error messages

►Five different validation controls inherited from the BaseValidator class


Why Validation

►User’s might ignore an important field and leave it blank

►Users might provide and invalid entry in to the input field

►Users might make a typing mistake(ie) a non-numeric value in the numeric field


Validation process

►The validator controls are used to verify a page automatically when the user submits it or manually in your code.

►The process The user receives the input form and tries to fill

up the input controls When finished the user clicks the button to

submit the page Every button control has a CausesValidation

property


CausesValidation property

►If this property is set to False,ASP.NET ignores the validation controls,the page will be posted back

►If this property is set to True,then the ASP.NET engine validates the page when the user clicks the button

►Each control is validated and if any controls fails to validate then the page is returned with some error


When does validation happen?

►It happens only when the button is click and not when the page is posted back


Validation classes

►System.Web.UI.WebControls namespace

►Validator controls are inherited from the BaseValidator class


Basic propertyProperty Description

ControlToValidate

Identifies the control to be validated

ErrorMessageForecolorDisplay

ErrorMessage is displayed when validation failsDisplay has two mode (Dynamic,Static)

IsValid Returns true or false based on validation

Enabled When set to false automatic validation will not take place


Validator Specific Properties

Property DescriptionRequiredFieldValidator

None required

RangeValidator Maximum,Minimum,TypeCompareValidator ControlToCompare,Operat

or,Type

RegularExpressionValidator

Validation Expression

CustomValidator ClientValidation FunctionServerValidate event


Server-Side Validation

►ASP.NET adds a javascript and DHTML code►Normally in all validation controls the error

message will be displayed when the focus changes

►To check the server-side validation set the RangeValidator.EnableClientScript property to false

► In this case the error message will be displayed only the button is clicked and the page will be returned from the server




After setting the property to false


Other Display options

►Use the Validation Summary control►The Range Validator Display property

is set to None►Set to display mode property to

message box then the Error messages are displayed in a message box




Setting the property


Manual Validation

►There are three ways to create manual validation

►Use your own code to validate the controls

►Disable the EnableClientScript property for each validation control.

►Add a button with CauseValidation property set to false.When the page is clicked the validation is clicked


Compare Validator

►This control compares the values in one input control with the other

►The type of comparison depends on the operator property


Property

Property DescriptionControltoValidate

Identifies the control to validate

ErrorMessage If validation fails the validator control will display the message

IsValid After validation is performed,this returns True or False based on the validation

ControlToCompare

The input control that contains the comparison value

Operator Specifies the type of comparison =,>,<,>=,<=,<>


Property

Property DescriptionType The data type of the values

that will be compared(String,Integer,double,Date,or currency)

ValueToCompare Instead of ControlToCompare,If both are set then ControlTocompare takes precedence


Range Validator

►This control checks whether the given value in the input control falls within the range


Property

Property DescriptionType The data type of the values that

will be compared(String,Integer,double,Date,or currency)

Maximum Value

The largest value

Minimum Value

The smallest value


RegularExpression validator

►This control checks whether the user entered value matches the specified the regular expression

►Property description Validation A string that

expression contains

the expression


Literals and Metacharacters

►All regular expressions are made up of two characters:Literals and Metacharacters

►In literals only the code is typed

Search for the string literal I you will find the character I


Metacharacters

►Consider the following expression►Del *.*►The above expression consists of one

literal (.) and two metacharacters(the asterisks)

►Translated as delete Any file With any number of characters With an extension of any number of

characters


Regular expression example

►\s denotes whitespace►\d represents any digit►Thus the following expression starts

with any expression that starts with the number 333 followed by a single white space and any three digits

►333\s\d\d\d


Delimiting range of characters

►Delimit by the square brackets►[a-f]►The above expression matches any

word that starts with the letter from “a” to “f” lowercase


Some of the common regular expression characters

Character Description

\s Any white space or tab

\S Any non-white space character

\d Any digit character

\D Any character that is not a digit

\w Any word character (letter,number,underscore)


Commonly Used Regular expression

Content Regular expression

Description

Email address \S+@+\S+\.\S+

Checks for symbol,non-white space character

Password length

\w{4,10} A password atleast four characters long and less than 10 characters

Social security Number

\d{3}-\d{2}-\d{4}

A sequence of digits as follows444-22-5555


RequiredFieldValidator

►This control checks whether the user has entered a value in the given control


Property

Property DescriptionInitialValue The initial value of the input

control and it is set to empty string


Custom Validator

►This control allows the user to enter their own validation algorithm

►Validation is performed to the server side by responding to the ServerValidate event


Property

Property DescriptionclientValidationFunction

A string that contains the function name

ServerValidate event

The code responds to the event and the object Server-ValidateEvent Args is received that contains the user entered values and specifies whether the validation succeded or not


Validation Summary

►This control displays a summary of all error messages for every validation control


Property

Property DescriptionDisplayMode Set the format for the

validation summary text (List,SingleParagraph,BulletList)

Headertext Sets the header to the control

showMessageBox

When set to true the validation summary will be displayed in a message box

Documents

Validation and Rich controls 1