验证Sencha Touch应用中的字段

Question

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

怎么做？

提前谢谢。

Answer 1

ExtJS中的属性，用于确定 textfield 是否应显示为带有红色下划线（如果无效 allowBlank 。

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

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

我唯一能想到的是扩展基本表单面板并提供自己的验证逻辑。我已在以下Fiddle中实现了此功能。只要您将任何文本字段项设置为必需属性 true ，那么验证逻辑就会启动。同样，如果自定义面板可以使用而无需验证没有任何文本字段项设置必需属性。

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

希望这有帮助。