Tengo el siguiente fragmento de código:
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">
<img class="image-input-info" src="https://img.icons8.com/color/480/000000/phone-not-
being-used.png" alt="Icono comentario crédito"/>
</span>
<input type="number" id="comentario_telefono" class="form-control"
name="comentario_telefono" onkeyup="copiar()"/>
</div>
Como podrán ver tiene BOOTSTRAP, pero al momento de poner una función para limitar el length del input con id "comentario-telefono", BOOTSTRAP inhabilita toda la función que se quiera hacer, ya hice una prueba sin BOOTSTRAP y si funciona con el siguiente código:
<input type="number" id="telefono" />
document.getElementById("telefono""comentario_telefono").addEventListener("keyup", limitaTelefono);
function limitaTelefono() {
var campo = document.getElementById("telefono""comentario_telefono");
if (campo.value.length == 10) {
campo.style.backgroundColor = "#E9ECEF";
campo.disabled = true;
campo.style.color = "#000";
} else{
}
}
No sé si me explique ¿?