由于 页面上的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:"此值必须相同"});