2012-05-24 20 views
4

在接下來按一下按鈕,確認發生了當前頁和提交的點擊,出現了使用jQuery的mobile-多頁模板確認使用jQuery validate.js

validator.settings.ignore = "";

所有頁面驗證

現在我發現設置焦點到隱藏頁面的問題。如何瀏覽出現錯誤的頁面?

我可以得到錯誤元素,如果它在當前頁面,然後我可以通過$(this).find(":input.error:first").focus()設置焦點。如果它的隱藏頁面無法設置焦點,以及我不知道pageid或divid到更改頁面。

但我可以得到元素的ID使用$(this).find(":input.error:first").attr("id")有什麼辦法從元素ID獲取div id?

我創建了一個jsfiddle來顯示該問題。 jsfiddle.net/U4RPf/14

回答

3

要使用的錯誤提示頁面

var idErrorPage = $(this).find(":input.error:first").parents("div:jqmData(role='page')").attr("id") 

更改到頁面

$.mobile.changePage("#" + idErrorPage); 

我已經創建了一個jsbin,它不使用validate.js但它應該告訴你什麼是你要知道http://jsbin.com/awaluw/edit#html

完整的工作例如:http://jsfiddle.net/U4RPf/15

+0

我可以得到錯誤元素。如果它在當前頁面中,那麼我可以通過
'$(this).find(「:input.error:first」)。focus()'來設置焦點。如果它的隱藏頁面無法設置焦點,以及我不知道pageid或divid到更改頁面。 – ASD

+0

但我可以使用'$(this).find(「:input.error:first」)。attr(「id」)'來獲取元素的id。我們可以從元素ID獲取div ID嗎? – ASD

+0

我更新了我的答案,我希望這對你有用。 – JasonDScott