How to validate groups with jQuery validate plugin

jQuery validate要如何实现分组验证呢?

分组验证这个需求其实也挺常见,比如多个step,每个step都是各自验证,验证通过后,才会进入下一个step。

var isValid = true;

var $step = $("#step1");

$step.find(":input").each(function(i, item) {

if(!$(item).valid()) { // jQuery validate 提供了valid方法让我们可以对具体元素验证

isValid = false;

}

});

if(isValid) {

alert("success");

} else {

alert("wrong");

}

这里附带提一下,在WebForm中,我们经常在一个表单中放多个<asp:Button />按钮,比如Submit, Back。

<asp:Button />都属于type="submit"的按钮,所以都会触发验证。

而Back按钮我们不想触发验证<asp:Button runat="server" Text="Back" CssClass="cancel" />,我们只需要加上cancel这个class就会被jQuery.validate过滤掉了。