验证Sencha Touch应用程序中的字段

Question

我正在寻找与formBind中的formBind属性类似的解决方案，但在ST2.4中，例如通过指定字段中带有红色下划线的错误来验证我的表单。

这个怎么做？

先感谢您。

Answer 1

ExtJS中的属性，用于确定是否应使用红色下划线显示文本字段（如果无效）是allowBlank 。

SenchaTouch中的等效属性是必需的 。 默认行为是在字段标签旁边放置一个星号（未提供红线css）。

在SenchaTouch中，没有像ExtJS这样的表单验证。 因此，不存在您绑定到ExtJS中的按钮等以将其设置为启用/禁用的formBind属性。

我唯一能想到的就是扩展基本表单面板并提供您自己的验证逻辑。 我在下面的Fiddle中实现了这一点。 只要您将任何文本字段项设置为具有true的必填属性，就会启动验证逻辑。同样，如果所有文本字段项都未设置必填属性，则无需验证即可使用自定义面板。

如果您想直观地指出表单字段无效，也可以更新我提供的validateFields函数来更新css类。

希望这可以帮助。