js 验证div 下的元素

由于 页面上的form太多  验证 不方便 于是想验证单独的Div下的组件   

以下功能 可以直接 验证Div   不过  需要在div内的元素内标明需要验证的条件 

调用方法后  还需把js原来的equalTo提示信息还原 这个也可以通过自定义函数来实现了  还在码代码中。。。

<div id='bank_form_info'>

<input id='bankNo' />

</input id='rpBankNo'  equalTo="#bankNo"/>

</div>

//验证div里的元素  验证元素必须在控件上申明  用完后 需把equalTo的原来的提示 改回来  以免影响其它组件使用

function validBanInfo(){
$.extend(jQuery.validator.messages, {equalTo:"放款还款银行信息不一致，请核对"});

var $group = $("#bank_form_info");
var isValid = true;
$group.find(':input').each(function (i,item){
if(!$(item).valid()){
isValid = false;
}
});

return isValid;

}

//验证银行信息是否一致
if(!validBanInfo()){
return;
}
$.extend(jQuery.validator.messages, {equalTo:"此值必须相同"});