2012-01-25 47 views
3

我試圖使用在這個例子中我的jQuery Mobile的項目工作表單驗證:jQuery的表單驗證的jQuery Mobile的

http://jsfiddle.net/elijahmanor/A8jt3/light/

這個例子工作,但使用的jQuery Mobile的JS舊版本和css文件。我正在使用1.0發佈版本,該版本似乎打破了此表單驗證。你可以看到我的更新版本:

http://jsfiddle.net/8dHg9/3/

當你點擊登錄按鈕,你得到警報消息,但他們不是紅色,並且在錯誤的位置比原來的版本,你會注意到。

任何人都可以找到什麼打破了原來的版本,以及如何使用jQuery Mobile 1.0恢復到新版本的功能?

回答

3
+0

謝謝你這麼多,似乎很好地工作。非常感謝您的協助。如果你有機會解釋你是如何進行調試的,那也是有幫助的,所以我可以學習如何做到這一點 - 不確定是否以CSS或js文件開頭。 – user982124

+0

不用擔心;)所以你的問題是在你的CSS。您正在定義您從未使用過的風格類(.portrait .landscape)。有可能你有js動態添加類,但是你的標記的定義方式現在你的屏幕尺寸應該不重要 - 你的錯誤文本將始終與你的輸入字段保持一致。沒有別的,但CSS需要改變。 – travega

+0

我不確定這一點,但在1.7版本的jquery中,驗證方法不存在,您必須包含jquery驗證插件:http://docs.jquery.com/Plugins/Validation – SAFAD