Buenos días foristas...anda con un drama con el plugin, resulta que necesito al validar los campos que me marque los errores con diferentes css, las label con una y los input o selec con otro...hasta el input llega bien pero cuando le agrego para las label se rompe todo, si le doy click de nuevo agrega y saca la clase "error" en la label y los input no son reflejados, les dejo el código y si alguien sabe por donde debo ir le agradecería mucho.
Código Javascript
:
Ver originalvar msg=new Array();
var msg2=new Array();
$("#senDatos").validate({
debug:true,
onkeyup:false,
validClass: "valido",
rules: {
codigo:{required:true,digits:true,maxlength:4,min:4},
rut: {required:true,maxlength:9,min:9},
region:{required:true},
nombre: {required:true},
apellido: {required:true},
direccion: {required:true},
comuna: {required:true},
telefono_particular_numero: {required:true,digits:true},
telefono_comercial: {digits:true},
celular: {digits:true},
email: {required:true,email:true}
},
errorPlacement: function(error, element) {
var idelement=element.attr('id');
var milabel=$("label[for="+idelement+"]");
if(element.is(":input")){
element.addClass('errorReplace').removeClass('error');
}
else if ( element.is(":select") ){
element.addClass('errorReplace').removeClass('error');
}
msg[milabel.attr("for")]=milabel.text();
msg2['id']=idelement;
$("#msj").fadeIn('slow').css("background","#FFFFE1",500);
$("#resultados h2").remove();
$("#resultados").hide();
$(this.form).find(milabel.addClass('error'));
},
success:function(label){
label.removeClass('error').text(msg[label.attr("for")]);
$("input#"+msg2["id"]+"").removeClass('errorReplace');
$("select#"+msg2["id"]+"").removeClass('errorReplace');
},
submitHandler: function(e) {
jQuery(e).ajaxSubmit(options);
return false;
}