在Sencha Touch應用程序中驗證字段

Question

我正在尋找類似於Ext.js中的formBind屬性的解決方案，但是在ST2.4中驗證了我的表單，例如在指定字段中出現了帶有錯誤的紅色下劃線。

如何做到這一點？

預先感謝您。

Answer 1

，決定是否一文本字段應與紅色下劃線顯示，如果是無效allowBlank在ExtJS的屬性。

SenchaTouch的等效物業是要求。默認行爲是在字段標籤旁邊放置一個星號（不提供紅線CSS）。

在SenchaTouch中沒有像ExtJS那樣的表單驗證。因此，您將綁定到ExtJS中的按鈕等屬性的formBind將它們設置爲啓用/禁用不存在。

我能想到的唯一事情就是擴展基本表單面板並提供自己的驗證邏輯。我已在以下Fiddle中實施了此操作。只要你設置你的任何文本框的項目有需要屬性，它是真然後驗證邏輯會一命嗚呼同樣可以在沒有驗證所使用的自定義面板，如果沒有一個文本框的項目有需要財產集。

你也可以更新validateFields我提供的函數來更新css類，如果你想要一個視覺指示你的表單域是無效的。

希望這會有所幫助。