语义UI中的客户端表单验证规则很好,但我们都知道客户端不可信,所以我们自然需要在服务器上进行验证。
任何人都知道如何显示服务器端错误,如“本机”SUI验证错误。用户不应该看到有关验证的位置的任何差异。
到目前为止,我已将SUI表单验证与SUI“api”功能相结合。这是因为API函数从服务器提供med onFailure回调,然后我可以解析服务器错误并添加“add errors”form命令。
但它从未完美地运作过。
有了这样一个基本要求,你如何在SUI中创建一个包含客户端和服务器端验证的表单?
有点像this post,但没有Meteor,只是简单的HTML。 This SS question也很相似,但回答并不完全。
更新
首先,运行客户端验证,只有成功,我们才会调用服务器。这意味着我们在onSuccess中。
如果存在服务器错误(必须始终在服务器上进行验证,客户端无法信任),我认为可以像下面这样解析和添加:
$form.form('add errors', formErrors).
(基于对Gitter的语义ui论坛的讨论,2016年3月9日) https://gitter.im/Semantic-Org/Semantic-UI