martes, 3 de mayo de 2011

Bloquear envío de formularios con JQuery


No es mala idea realizar una comprobación de los datos introducidos en un formulario antes de enviarlo. Probemos con un ejemplo, en el siguiente formulario.

<form id="formulario" action="post.php">
        <label for="valor">Inserta un valor: </label>
        <input id="valor" type="text" size="10">
        <input type="submit" value="Enviar"/>
</form>

Ahora comenzaremos con el código javaScript. Realizando las comprobación oportunas en este caso comprobamos que en la caja de texto se haya introducido la palabra "enviar".

$(document).ready(function(){
        $("#formulario").submit(function() {
            var x = $("#valor").val();
            if (x!="enviar") {
                alert("Valor introducido no válido");
            return false; }
        return true; });
});