Angular动态表单验证

时间:2018-09-10 06:46:49

标签: angular forms validation angular-forms angular-formbuilder

我们如何处理表单字段验证: 表单字段的验证是预定义的。验证逻辑被编码到客户端的每个字段,有时甚至编码到服务器端,这很容易实现。但是,这种方法的缺点是这些验证规则与每个表单字段紧密关联,并且在我们的域中,每个客户都希望拥有自己的设置验证规则,最终迫使我们创建新的代码库。当我们创建一个新分支时,我们要避免使用它的可维护性成本。

我们要如何处理表单字段验证: 我们想提出一个引擎,该引擎将允许最终用户通过用户友好的UI轻松配置其验证,而无需技术人员的参与。特权用户将导航到表单,选择一个表单字段并将验证附加到该表单字段。当用户到达表单以提交数据时,我们将获取并应用每个表单字段的所有验证,并限制用户输入无效数据。 一些表单字段验证: 1.基本 一种。是必须的 b。是只读的 C。最长长度 2.表达式 一种。表达式(field1> field2) b。多个表达式(date1 = today.Date) 3.正则表达式 一种。正则表达式/ ^ [a-z0-9 _-] {3,16} $ /

挑战: 1.一种存储这些验证规则的技术。 2.从存储(字符串)到代码(动态执行)获取验证规则。 3.向用户提供有关输入的无效数据的即时反馈,而不是表单提交。

example wireframe

0 个答案:

没有答案