Jquery mobile-使用jquery validate.js进行多页模板验证

时间:2012-05-24 06:52:18

标签: jquery-mobile jquery-validate

单击下一个按钮,将对当前页面进行验证,单击提交时,将对所有页面进行验证

var validator = $("#frmAddstore").data('validator');

validator.settings.ignore = "";

现在我发现将焦点设置到隐藏页面的问题。如何浏览错误的页面?

我可以获取错误元素,如果它在当前页面中,那么我可以通过$(this).find(":input.error:first").focus()设置焦点。如果它的隐藏页面无法设置焦点以及我不知道pageid或divid改变页面。

但我可以使用$(this).find(":input.error:first").attr("id")获取元素的id有没有办法从元素id中获取div id?

我创建了一个jsfiddle来显示问题。 jsfiddle.net/U4RPf/14

1 个答案:

答案 0 :(得分: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