1、默认初始化
$('#validate1').zValidate();
2、自定义错误位置
$('#validate2').zValidate({
errorContainer: $('#error_div')
});
3、自定义高亮
$('#validate3').zValidate({
highlight: function($element) {
//this是当前初始化的zValidate对象
$element.closest('.form-group').addClass(this.options.errorClass);
},
unhighlight: function($element) {
$element.closest('.form-group').removeClass(this.options.errorClass);
}
});
4、自定义错误处理
$('#validate4').zValidate({
errorPlacement: function($error, $element) {
//$error 错误对象
//$element 当前控件对象
//有些控件美化的时候,会多出很多标签,这个时候就不能简单的放到控件后面了
//这里将错误显示在了控件的前面
$error.insertBefore($element);
}
});
5、自定义规则
$validate5 = $('#validate5').zValidate();
$validate5.addMethod('custom', function(value, $element, param) {
//value 当前控件值
//$element 当前控件对象
//param 当前规则设置的值
return value == 1;
});