REST-如何处理单页应用程序中的验证错误

Question

当我通过REST提交表单并收到验证错误时，我希望保留有效的字段并恢复未通过验证的现有值，并显示这些字段失败的消息。

使用SpringMVC的服务器端渲染很容易做到这一点，但在客户端实现这一点的最佳方法是什么？我知道我可以返回自定义的错误对象，并制作一个javascript函数来拦截它并相应地设置字段。

但是，是否有一些库或模式可以减少客户端验证错误的反馈样板？我正在研究React和Spring。

编辑

我所说的验证不仅仅是指输入字段的正确数据类型和长度，而是指根据业务规则，取决于对象的内部状态及其关系的一些约束。客户端应该只验证数据类型，服务器应该执行业务验证。问题是，如何在服务器中处理这些验证失败，如上所述。

Answer 1

最简单的方法是调整某种框架。我个人对表格验证的偏好是AngularJs。

它开箱即用，带有检查所需输入的指令，以及regex验证，最小值/最大值。。以及其他一些。

与ngMessages指令协作，这将是一次流畅的体验。

请检查https://docs.angularjs.org/guide/forms了解更多信息。。欢呼

要给您举一个例子，请考虑以下代码的优雅性：

<form name="myForm">
<label>
Enter your name:
<input type="text"
name="myName"
ng-model="name"
ng-minlength="5"
ng-maxlength="20"
required />
</label>
<pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre>
<div ng-messages="myForm.myName.$error" style="color:maroon" role="alert">
<div ng-message="required">You did not enter a field</div>
<div ng-message="minlength">Your field is too short</div>
<div ng-message="maxlength">Your field is too long</div>
</div>
</form>