Tengo este problema, al momento de cargar la página mi input
está vacío pero no está bloqueado el botón. El botón solamente funciona cuando yo escribo en el input
. Y mi problema es que no se código JavaScript ponerle, que al momento de cargar la página inmediatamente me verifique que el input
esté vacío y bloquee el botón.
Aquí el código HTML:
<input type="number" name="quanti" id="quanti" class="form-control"
onInput="validarInput('<?php echo $row["idArticulo"]; ?>')"
onKeyPress="return soloNumeros(event)"
/>
<button type="submit" name="add_to_cart" id="<?php echo $row['idArticulo']; ?>"
class="btn btn-warning add_to_cart" >Agregar al carrito</button>
Aquí el código JavaScript:
<!-- acepta solo numeros, funciona bien-->
<script type="text/javascript">
function soloNumeros(e) {
var key = window.Event ? e.which : e.keyCode;
return ((key >= 48 && key <= 57) ||(key==8))
}
</script>
<script type="text/javascript>
function validarInput(iden) {
/*Funcion del botón, funciona bien, pero solo cuando yo escribo*/
document.getElementById(iden).disabled = !document.getElementById("quanti").value.length;
}
</script>
Ahora el problema es que como yo no se mucho de JavaScript no sé que código agregar para que al momento de cargar la página, bloquee el botón cuando el input
esté vació. Por favor, ¿alguien tiene una idea de cómo agregar el script?