$("#formid").change(function(){
var $form = $("#"+formId);
var validSetting = $form.validate({
errorElement: 'span',
errorClass: 'help-inline',
focusInvalid: false,
ignore:":hidden",
rules: {
email: {
required: true,
email: true
}
},
errorPlacement: function (error, element) { // render error placement for each input type
error.insertAfter(element); // for other inputs, just perform default behavoir
},
invalidHandler: function (event, validator) { //display error alert on form submit
},
highlight: function (element) {
$(element).closest('.help-inline').removeClass('ok'); // display OK icon
$(element).closest('.control-group').removeClass('success').addClass('error'); // set error class to the control group
},
unhighlight: function (element) {
$(element).closest('.control-group').removeClass('error'); // set error class to the control group
},
success: function (label) {
label.addClass('valid').addClass('help-inline ok').closest('.control-group').removeClass('error').addClass('success');
}
});
if (!$form.valid()) {
return false;
}
$form.change(function(){ //当表单元素有改变时重置验证规则
validSetting.rules = rules;
});
|