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;
});
			

各项规则如下