Angular(2)服务器端表单验证(和最佳实践)

发布时间：2020-12-17 06:59:29 所属栏目：安全来源：网络整理

导读：我在使用angular 2实现简单的服务器端表单验证时遇到问题. 给出以下场景：包含登录名和密码字段的简单表单. (通过ngForm / ngModel指令附加到组件视图) 基于模板的表格使用同步验证服务器响应JSON对象具有以下形状{field：error} e.x,如果登录名和密码为

我在使用angular 2实现简单的服务器端表单验证时遇到问题.

给出以下场景：

>包含登录名和密码字段的简单表单. (通过ngForm / ngModel指令附加到组件视图)
>基于模板的表格
>使用同步验证
>服务器响应JSON对象具有以下形状{field：error}
e.x,如果登录名和密码为空,则响应为：{login：’required’,password：’required’}

一旦提交,我得到了服务器的响应,但我不知道如何更新绑定到视图控件元素的每个ngModel的状态以在UI中显示它

这是一个非常常见的情况,我很惊讶我遇到了很多找到适当文档的麻烦. (另一方面,客户验证得到很好的解释)

任何帮助赞赏！
干杯:)

解决方法

我一直在寻找服务器端验证模型的互联网,我没有找到任何官方文档,但相反,我得到了一些有用的文章 – 其中一个来自Stack Over~ – 这可能对你有所帮助.我还没有测试过,还在寻找信息,也许你已经找到了问题的答案.无论如何,这里有一个简短的列表,其中包含使用不同API的服务器端验证文章：

https://www.carlrippon.com/integrating-validation-in-angular-2-and-asp-net-core/

https://www.puzzle.ch/blog/articles/2017/01/18/server-side-validations-with-angular-2

Angular 2 (Beta) Server side validation messages

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!