With the release of ASP.Net 4.5 web forms there are tons of features added in the ASP.Net and Unobtrusive validations support is one of them. We have already seen that kind of validation in ASP.Net MVC and now we are going to have that in ASP.Net web forms. In this post I am going to explain how its works and how its different from earlier versions.
How validation was working with earlier versions?
Now once you run browser and click on the button it validate the textbox and give a validation message like “Name is required”.
And this is how the element will be rendered in html.
How Unobtrusive validations works in ASP.Net 4.5:
If you create web application in ASP.Net 4.5 It will enabled by default. So let’s see how its works. We are going to use same thing as above.
It’s works in same way as worked earlier when you click submit it will validate textbox and give a validation message “Name is required”.
Now you done view source. It will look like following.
Here you can see that It has added “data-val” attribute and based on that it will validate the control. It’s HTML5 way of doing validations. You can see it’s much cleaner then earlier version of asp.net.
Prerequisites for Unobtrusive validations:
This validation requires a jQuery.js file as internally its using jQuery for the validations. So if you have created an empty ASP.Net 4.5 web application. You need to add following code in application_start event of global.asax file.
How to configure Unobtrusive validations in ASP.Net 4.5:
There are few ways of configuring the Unobtrusive validations in ASP.Net 4.5. There is a property got added UnobtrusiveValidationMode and It has two value.
- None : It will tell that validation work in old fashion way. It will disable Unobtrusive validation.
- WebForms: It will tell that it will have Unobtrusive validations.
There are multiple ways you can configure this property. You can put that app settings like following.
Or you can write at application_start event like below.
Or you can write in page_load event like following.
That’s it. Hope you like it. Stay tuned for more..