Skip to main content
se añadieron 156 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Por partes:

  • tu función falla porque cuando no es un número, la llamada a clean devuelve undefined y no se puede llamar a slice sobre undefined.

  • Formatear números es sencillo: usa Number.toLocaleString('es') para que use el formato estándar español.

Podrías hacer algo como

const inputRut = document.getElementById("search");

//evitemos añadir JS en el HTML, no es una buena práctica
inputRut.addEventListener("input", checkRut);


function checkRut() {

  const inputRut = document.getElementById("search");
  // Despejar Puntos y Guión
  const valor = clean(inputRut.value);

  if (!valor) return; //no es un número
  // Aislar Cuerpo y Dígito Verificador
  //guardamos en cuerpo como number, el + es similar a parseInt
  const cuerpo = + valor.slice(0,-1);
  const dv = valor.slice(-1);

  // Formatear RUN
  inputRut.value = cuerpo.toLocaleString('es') + '-' + dv
}

function clean (value) {
  // Sólo se aplica el formato a más de dos dígitos
  // para evitar que "2" se transforme en "-2"
  if(!isNaN(value[0]) && value.length > 1) { 
     return value.replace(/[.\-_]/g, "");
  }
}
<input class="form-control" id="search" placeholder="Buscar por Nombre o RUN" autocomplete="off" oninput="checkRut()" name="searchText" type="search" value="">

Por partes:

  • tu función falla porque cuando no es un número, la llamada a clean devuelve undefined y no se puede llamar a slice sobre undefined.

  • Formatear números es sencillo: usa Number.toLocaleString('es') para que use el formato estándar español.

Podrías hacer algo como

function checkRut() {

  const inputRut = document.getElementById("search");
  // Despejar Puntos y Guión
  const valor = clean(inputRut.value);

  if (!valor) return; //no es un número
  // Aislar Cuerpo y Dígito Verificador
  //guardamos en cuerpo como number, el + es similar a parseInt
  const cuerpo = + valor.slice(0,-1);
  const dv = valor.slice(-1);

  // Formatear RUN
  inputRut.value = cuerpo.toLocaleString('es') + '-' + dv
}

function clean (value) {
  // Sólo se aplica el formato a más de dos dígitos
  // para evitar que "2" se transforme en "-2"
  if(!isNaN(value[0]) && value.length > 1) { 
     return value.replace(/[.\-_]/g, "");
  }
}
<input class="form-control" id="search" placeholder="Buscar por Nombre o RUN" autocomplete="off" oninput="checkRut()" name="searchText" type="search" value="">

Por partes:

  • tu función falla porque cuando no es un número, la llamada a clean devuelve undefined y no se puede llamar a slice sobre undefined.

  • Formatear números es sencillo: usa Number.toLocaleString('es') para que use el formato estándar español.

Podrías hacer algo como

const inputRut = document.getElementById("search");

//evitemos añadir JS en el HTML, no es una buena práctica
inputRut.addEventListener("input", checkRut);


function checkRut() {

  const inputRut = document.getElementById("search");
  // Despejar Puntos y Guión
  const valor = clean(inputRut.value);

  if (!valor) return; //no es un número
  // Aislar Cuerpo y Dígito Verificador
  //guardamos en cuerpo como number, el + es similar a parseInt
  const cuerpo = + valor.slice(0,-1);
  const dv = valor.slice(-1);

  // Formatear RUN
  inputRut.value = cuerpo.toLocaleString('es') + '-' + dv
}

function clean (value) {
  // Sólo se aplica el formato a más de dos dígitos
  // para evitar que "2" se transforme en "-2"
  if(!isNaN(value[0]) && value.length > 1) { 
     return value.replace(/[.\-_]/g, "");
  }
}
<input class="form-control" id="search" placeholder="Buscar por Nombre o RUN" autocomplete="off" name="searchText" type="search" value="">

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Por partes:

  • tu función falla porque cuando no es un número, la llamada a clean devuelve undefined y no se puede llamar a slice sobre undefined.

  • Formatear números es sencillo: usa Number.toLocaleString('es') para que use el formato estándar español.

Podrías hacer algo como

function checkRut() {

  const inputRut = document.getElementById("search");
  // Despejar Puntos y Guión
  const valor = clean(inputRut.value);

  if (!valor) return; //no es un número
  // Aislar Cuerpo y Dígito Verificador
  //guardamos en cuerpo como number, el + es similar a parseInt
  const cuerpo = + valor.slice(0,-1);
  const dv = valor.slice(-1);

  // Formatear RUN
  inputRut.value = cuerpo.toLocaleString('es') + '-' + dv
}

function clean (value) {
  // Sólo se aplica el formato a más de dos dígitos
  // para evitar que "2" se transforme en "-2"
  if(!isNaN(value[0]) && value.length > 1) { 
     return value.replace(/[.\-_]/g, "");
  }
}
<input class="form-control" id="search" placeholder="Buscar por Nombre o RUN" autocomplete="off" oninput="checkRut()" name="searchText" type="search" value="">