Skip to main content
se añadieron 1211 caracteres en el cuerpo
Origen Enlace

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>

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))

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>

Origen Enlace

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))