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="">
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="">