¿Cómo bloquear un al momento de cargar la pagina?

publicado por: Anonymous

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?

solución

Simplemente agrégale el atributo disabled (o disabled="disabled" si estas usando XHTML) al botón para que comienze desactivado.

<button type="submit" name="add_to_cart" disabled id="<?php echo $row['idArticulo']; ?>" 
class="btn btn-warning add_to_cart" >Agregar al carrito</button>

No necesitas verificar que el input este vacío ya que siempre comenzará vacío (según el código que has mostrado)

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *