On the first stage we will create a form with all elements we need, after that we will apply the XServer Form Validator server behavior which is found clicking the (+) button on the server behaviors panel.

On stage 2 we will define all elements to validate and relative error messages.

1) Here you define which form to validate since you may have more than one form on the same page.

2) Here you select the element to validate than apply the validation starting from item 3 to item 7.

3) Checking this box it means that the element must have a non empty value to be valid.

4) Validation options other than Required:
    Any option may be applied even the element value is not required, that means an element value may not be defined and accepted but if defined it must be in the required form. For instance it may not be inserted the age but if inserted it must be expressed in numbers.

• Anything = accepts any value included the empty value
• Email Address = accepts only conventional email addresses
• Number = accepts only numbers
• Number from = accepts only numbers between a defined range
• Custom RegExp = accepts only values which are expressed in the form requested by the regular expression

5) Show name: if empty it will take the original element name, otherwise it will take the new defined name. If a white space is inserted no name it will be shown at the message beginning, you may mention it inside the message.

6) Error Msg: this message will advise that the element is required and it will accept only a non empty value

7) Accept Msg: this message will advise that the value is not expressed in the required format.

Global options from item 8 to 10

8) Lead Sign: in this field you may insert a char sign or html code which will call a small icon (for example), which will lead the error message.

9) Head Msg: this is an optional heading message before all detailed messages. Html code can be used.

10) Highlight: if checked any invalid element will be highlighted with the background and border color defined by the webmaster

On stage 3 we will apply the relative Hold Element Value:to any of the elements contained in the validated form, otherwise all inserted value will be lost on page reload.

After selecting the appropriate value holder for any of the elements the following UI dialog will open where we will select the element and eventually the default value. This can be used in place of the native Dynamic Form Element.

Repeat this operation for any element in the form and you are ready .

• In red the list of generated errors and its explanation.
• All invalid elements are highlighted to make their location fast to the user's eyes.