Adding validation to a custom list control in Sharepoint

You should know how to create a Sharepoint list and how to open the site in Sharepoint designer.

1. Following is a list with Email fields. Let's say we have to validate so that only a valid email can be entered. If not valid then the Error Message appears next to the field
2. Now open the site in the sharepoint designer and then expand the list and open the Newform.aspx of the list to be validated
3. As you can see in the image above the Newform.aspx of Validation list is being opened in the sharepoint Designer.
4. Now right click on this Validation list web part in sharepoint Designer and choose Web Part properties.
5. The properties dialog box will open for the Validation list here. Choose Hidden under layout and say ok. (This web part can be deleted as well, but due to some Known problems because of deletion it is best to hide this).
6. Now click exactly underneath the hidden list web part and go to Insert->Sharepoint Controls-> Custom List Form… and Wizard will ask to choose a List or Document Library form on based Of existing list. Choose your Validation list and select New item form under type of from to create option and hit Ok.
7. You will get the Validation List underneath the hidden list as shown as selected image below.
8. Now from here we can customize all the controls based on requirement. As we are customizing the E-Mail Field, right click on the email field box and choose Show common control tasks from the context menu.
9. This will give you Common Formfield tasks option as shown below next to Email field. Here we can change. The format of the data field selected (default is List form field). As we need Email field to be textbox where validation can be applied Choose Textbox from Format as dropdown instead of List form field.
10. After the above step, List will look like this (custom formatted)
11. Now drop a RegularExpressionValidator control from the Validation option under ASP.Net controls from the toolbar .
12. Now specify the required properties (such as ControlToValidate, ErrorMessage, SetFocusOnError to true, Validate Expression) of the RegularExpressionValidator from the Tag Properties toolbar. For ControlToValidate choose the ID of the Email field
    After selecting it and getting the ID from the Tag Properties toolbar as you do in Visual Studio. See below the set attributes in blue For the Email Field .
13. Now Save the changes and go back to the list in IE and try to type in invalid email id and you will get following .