我很难想象我面临的困境的潜在解决方案,我需要一些创造性的灵感。
从本质上讲,我很难想象一种好的方法来验证一个可以被认为具有多个嵌套表单的表单。挑战在于,只有当单击主表单中的行项目时,才会呈现这些嵌套表单,从而打开模态,此时会进行呈现、模型绑定等,并且可以验证嵌套表单。
目标是了解主窗体的任何行项目中是否存在验证错误,而无需打开/呈现项目的模态即可发现。我还想确保验证逻辑没有重复,并且从一组通用的验证规则中提取,这些规则可以在任何需要的地方共享/访问。
理想情况下,我想抽象出验证逻辑,使其可以由任何ng模型绑定元素使用,但也可以独立于呈现表单使用
如果有人知道任何插件能很好地与AngularJs配合使用,并且听起来很合适,请告诉我。
澄清
尽管我愿意查看任何可能有帮助的插件,但这并不是我真正想要的。我的主要目标是找到一种方法来验证我的嵌套项数据,而无需打开/呈现项的模态。
我会使用一些东西来确保用户首先以预定义的格式填写这些表单。我在angularJs的应用程序中使用了一种名为inputmask的东西。您可以使用正则表达式来定义您希望输入的格式。
在允许用户关闭模态之前,您还可以确保模态中的所有字段都是正确的格式(此验证逻辑可以来自共享或通用组件(。
另一种选择是将模态隐藏起来,而不是从DOM中删除,这样即使模态不再可见,绑定也会保留下来。您可以在打开模态的行上添加一个红色星号或其他东西,以指示该模态形式中的错误