Angular (2) 服务器端表单验证(和最佳实践)
Angular (2) Server side form validation (and best practices)
我在使用 angular 2 实现简单的服务器端表单验证时遇到问题。
给定以下场景:
- 带有登录名和密码字段的简单表单。 (通过 ngForm / ngModel 指令附加到组件视图)
- 基于模板的表单
- 使用同步验证
- 服务器响应 JSON 对象具有以下形状
{field: error}
e.x,如果登录名和密码为空,响应为:{login: 'required', password: 'required'}
提交后,我收到了服务器的响应,但我不知道如何更新绑定到视图控件元素的每个 ngModel 的状态以在 UI
中显示它
这是一种非常常见的情况,令我惊讶的是我在寻找合适的文档时遇到了这么多麻烦。 (另一方面,很好地解释了客户端验证)
感谢任何帮助!
干杯:)
我一直在 Internet 上寻找服务器端验证模型,但我没有找到任何官方文档,但相反,我得到了一些有用的文章 - 其中一篇来自 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 实现简单的服务器端表单验证时遇到问题。
给定以下场景:
- 带有登录名和密码字段的简单表单。 (通过 ngForm / ngModel 指令附加到组件视图)
- 基于模板的表单
- 使用同步验证
- 服务器响应 JSON 对象具有以下形状
{field: error}
e.x,如果登录名和密码为空,响应为:{login: 'required', password: 'required'}
提交后,我收到了服务器的响应,但我不知道如何更新绑定到视图控件元素的每个 ngModel 的状态以在 UI
中显示它这是一种非常常见的情况,令我惊讶的是我在寻找合适的文档时遇到了这么多麻烦。 (另一方面,很好地解释了客户端验证)
感谢任何帮助! 干杯:)
我一直在 Internet 上寻找服务器端验证模型,但我没有找到任何官方文档,但相反,我得到了一些有用的文章 - 其中一篇来自 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