Skip to main content
se añadieron 22 caracteres en el cuerpo
Origen Enlace
Minor
  • 468
  • 3
  • 15

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 ¿?

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").addEventListener("keyup", limitaTelefono);

function limitaTelefono() {
    var campo = document.getElementById("telefono");
    if (campo.value.length == 10) {
        campo.style.backgroundColor = "#E9ECEF";
        campo.disabled = true;
        campo.style.color = "#000";
    } else{

    }
}

No sé si me explique ¿?

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("comentario_telefono").addEventListener("keyup", limitaTelefono);

function limitaTelefono() {
    var campo = document.getElementById("comentario_telefono");
    if (campo.value.length == 10) {
        campo.style.backgroundColor = "#E9ECEF";
        campo.disabled = true;
        campo.style.color = "#000";
    } else{

    }
}

No sé si me explique ¿?

Origen Enlace
Minor
  • 468
  • 3
  • 15

input-group habilitar propiedades input

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").addEventListener("keyup", limitaTelefono);

function limitaTelefono() {
    var campo = document.getElementById("telefono");
    if (campo.value.length == 10) {
        campo.style.backgroundColor = "#E9ECEF";
        campo.disabled = true;
        campo.style.color = "#000";
    } else{

    }
}

No sé si me explique ¿?