ASP.NET CORE[练习3]-前端boostrap的validate字段校验，免提交后台校验

修武FEN青

于 2019-08-29 14:32:05 发布

阅读量676

点赞数 1

分类专栏： ASP.NET CORE学习文章标签： ASP.NET CORE bootstrap validate

本文链接：https://blog.youkuaiyun.com/qq_25991955/article/details/100136593

版权

这篇博客介绍了如何在ASP.NET CORE应用中使用Bootstrap的前端验证功能，避免数据提交到后台进行验证。作者首先提到.NET Core项目通常已内置Bootstrap框架，然后详细解释了引用JS文件和设置表单字段约束的步骤。通过展示前后效果对比，说明了添加JS包后，验证将在客户端完成，减少了不必要的服务器交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

练习+博客，量化自己的进步！

上一篇博客做了完整的Memory数据库的查、增、改。也做了form提交的字段验证，用的是.net core的字段属性校验的。虽然没有问题，但必须得提交到后台才能校验出提交得数据是否正确。

下面就使用boostrap的页面校验
很简单：
1.引用js文件

<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>

引用三个js文件
使用vs创建的web .net core 工程，默认已经把bootstrap的框架都导入了项目工程的wwwroot中了。如果不是vs默认的.net core工程，就自行到官网上下载js包。