Demos de jQuery.rut

Abajo encontrarás diversos ejemplos de cómo usar jquery.rut

Ejemplo simple

Este campo de texto tiene activada la funcionalidad sin ninguna opción especial

$("form#basico input").rut();

Formato en vivo

En este caso, el plugin fue configurado para formatear a medida que el usuario va escribiendo

$("form#formato-live input").rut({formatOn: 'keyup'});

Validación y formateo en vivo

En este caso, el plugin fue configurado para formatear y validar a medida que el usuario va escribiendo. Cuando el rut está erróneo, el campo se muestra en rojo (gracias a los estilos de Bootstrap)

$("form#validacion-live input")
  .rut({formatOn: 'keyup', validateOn: 'keyup'})
  .on('rutInvalido', function(){ 
    $(this).parents(".control-group").addClass("error")
  })
  .on('rutValido', function(){ 
    $(this).parents(".control-group").removeClass("error")
  });

Limpiar RUT

Cuando el RUT es válido, se extrae su cuerpo sin DV y sin formato

$("form#extraer-cuerpo input").rut()
  .on('rutValido', function(e, rut){
    alert("Su RUT sin DV es " + rut);
  });

Varios eventos

El plugin utiliza la función on de jQuery, lo que permite pasar una lista de eventos separados por espacio. Esto es útil si se quiere validar el campo tanto a medida que el usuario escribe, como si se autocompleta.

$("form#multiple-events input")
  .rut({validateOn: 'keyup change'})
  .on('rutInvalido', function(){ 
    $(this).parents(".control-group").addClass("error")
  })
  .on('rutValido', function(){ 
    $(this).parents(".control-group").removeClass("error")
  });

Eventos para múltiples objetos

Se puede activar las funcionalidades para múltiples objetos a la ves.

$("form#multiple-objetos input").rut({formatOn: 'keyup'});