Tengo el siguiente código HTML el cual me muestra un cuadro de texto:
<div class="form-group empresa_rfc">
<label for="empresa_rfc" class="col-sm-2 control-label"><p class="text-left">RFC: (*)</p></label>
<div class="col-sm-3">
<input type="text" class="form-control" id="empresa_rfc" name="empresa_rfc" placeholder="RFC" >
</div>
</div>
Estoy usando Bootrap 3.3.7. Y luego tengo esta validacion con el Plugin Jquery Validate de https://jqueryvalidation.org/validate/
$("#form_empresa").validate({
focusCleanup: true,
rules: {
empresa_rfc: { required: true }
},
invalidHandler: function(event, validator){
var errors = validator.numberOfInvalids();
if (errors){
var message = errors == 1
? 'You missed 1 field. It has been highlighted'
: 'You missed ' + errors + ' fields. They have been highlighted';
swal({
title:"Error:",
text: message,
type: "error",
allowOutsideClick: false,
confirmButtonColor: '#d33',
confirmButtonText: "Corregir"
});
//console.log(message);
}
}
});
EL código anterior me muestra y señala el campo que no ha sido completado, y me muestra un alert
indicándome los errores contenidos en 'message'. Mi duda es, ¿como puedo afectar al
<div class="form-group empresa_rfc">
y agregarle la clase 'has-error' de Bootstrap para que pueda señalar ese campo en especifico? En concreto debería quedar así:
<div class="form-group empresa_rfc has-error">