Part 85 - Enable client side validation in asp.net mvc
2016-11-13 12:17
471 查看
Validation attributes in asp.net mvc provides both client and server side validation.There are 2 simple steps to enable client side validation in asp.net mvc.
Step 1: Enable ClientValidation and UnobtrusiveJavaScript in web.config file.
<appSettings>
<add key="ClientValidationEnabled" value="true"
/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"
/>
</appSettings>
Step 2: Include a reference to the following javascript files. In real time, the references to the javascript files are included
in the master page. This avoids the need to reference them on each and every view where we need validation. The order in which the script files are referenced is also important. jquery.validate is dependant on jquery and /jquery.validate.unobtrusive
is dependant on jquery.validate, so they should be referenced in the following order. Otherwise, client side validation will not work. In short, JavaScript is parsed "top-down", so all dependencies need to be referenced before the dependant reference.
<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
With these 2 changes, validation should now happen on the client without a round trip to the server. If the client disables javascript in the browser, then client side validation does not work, but server
side validation will continue to work as normal.
Step 1: Enable ClientValidation and UnobtrusiveJavaScript in web.config file.
<appSettings>
<add key="ClientValidationEnabled" value="true"
/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"
/>
</appSettings>
Step 2: Include a reference to the following javascript files. In real time, the references to the javascript files are included
in the master page. This avoids the need to reference them on each and every view where we need validation. The order in which the script files are referenced is also important. jquery.validate is dependant on jquery and /jquery.validate.unobtrusive
is dependant on jquery.validate, so they should be referenced in the following order. Otherwise, client side validation will not work. In short, JavaScript is parsed "top-down", so all dependencies need to be referenced before the dependant reference.
<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
With these 2 changes, validation should now happen on the client without a round trip to the server. If the client disables javascript in the browser, then client side validation does not work, but server
side validation will continue to work as normal.
相关文章推荐
- asp.net mvc 3 unobtrusive client side validation not working in IE
- Part 86 - ValidationSummary in asp.net mvc
- Part 88 - Unobtrusive validation in asp.net mvc
- ASP.NET MVC 2 RTM client side validation一个隐秘的坑
- Client Side Validation with JavaScript in ASP.NET
- Part 89 - Remote validation in asp.net mvc
- Part 82 - Creating custom validation attribute in asp.net mvc
- Part 84 - Compare attribute in asp.net mvc
- Understanding Request Validation in ASP.NET MVC 3
- Part 81 - Range attribute in asp.net mvc
- Model Validation in Asp.net MVC
- 在ASP.NET MVC 4 on Mono中使用OracleClient in CentOS 6.x的问题记录
- ASP.NET MVC - Display UTC time from server as local time on client side
- Part 83 - RegularExpression attribute in asp.net mvc
- Link ASP.NET Data Grid to Microsoft Excel in the client side
- Part 54 - T4 templates in asp.net mvc
- [转]ASP.NET AJAX client-side framework failed to load Part II
- Writing an XML-RPC server or client in ASP.Net: Part 1
- Plug-In Hybrids: ASP.NET WebForms and ASP.MVC and ASP.NET Dynamic Data Side By Side
- CustomValidation in ASP.NET MVC