Lo que ocurre es que var x = document.getElementById("nucleo");
cuando introduces estos valores:
- 1234 => Detecta 1234 (correcto)
- 12.3 => Detecta 12.3 (correcto)
- 123. => No detecta nada (porque no lo considera un número válido)
Entonces, no elimina el campo hasta que no se introducen los decimales que siguen el punto.
Solución:
Antes de realizar toda esa verificación, comprobar si x.value
es un número con:
Number.isInteger(parseInt(x.value))
Dejo el código completo, pero no lo considero la forma más efectiva si el objetivo es no permitir decimales.
function max6() {
// Obtener input
var x = document.getElementById("nucleo");
// Comprobar si el input es un número, esto, si tiene un punto al final, directamente lo descarta
if (!Number.isInteger(parseInt(x.value))) {
x.value="";
return;
}
// Acortar el número si supera el límite de dígitos
if (x.value.length > x.maxLength ) {
x.value = x.value.slice(0, x.maxLength);
}
// Si tiene decimales, reiniciar (esta parte ya sólo tiene utilidad por si hacen copy paste del número)
for(a=0 ;a < x.value.length ; a ++){
if(x.value.charAt(a)=="."){
x.value="";
}
}
}
<!-- No se ha tocado nada -->
<input type="number" id="nucleo" oninput="max6()" min="0" maxlength="6" name="nucleo" class="form-control" placeholder="Introduzca el nucleo del usuario" required>