Erro estranho com validate do jquery+jsf2

Front-end
#1

Olá galera, to com um problema, tenho a seguinte função java script:


/**
 * Função para validação do form do lado do cliente
 */
function adicionarFormValidator() {
	 
	jQuery('#formI').validate({meta: "validate", errorPlacement: function(error, element) {
		var elementId = jQuery.trim(element.attr('id'));
		if (null == elementId || "" == elementId) {
			elementId = jQuery.trim(element.attr('name'));
		}

		elementId = elementId.substring(elementId.indexOf(':') + 1);
		try{
			jQuery('span[id$=' + elementId + '_erro]')[0].innerHTML='';//limpando message		
		}catch (e) {}
			
		
		error.appendTo(jQuery('span[id$=' + elementId + '_erro]')[0]);

		pintaErroAba(elementId);
		jQuery('*[id$=btnSalvar]').bind('click', function(e) {pintaErroAba(elementId);});
	}});
}

levando em consideração que chamo ela na pagina…

se eu chamar ela no field assim funciona e valida:


styleClass="required"

mas se eu chamar ela desta maneira:

 styleClass="validate{required:true}"

não funciona, alguém sabe pq? eu tenho que utilizar da segunda maneira pois ainda terá o validador de max e min… uma ajudinha por favor…

#2

nada galera?

só lembrando que já usei firebug pra ver se descubro, mas não adiantou nada…

#3