Skip to main content
5 de 5
se eliminaron 4 caracteres en el cuerpo
Zander
  • 1k
  • 1
  • 7
  • 20

Para ello, necesitas saber la longitud de caracteres que hay en cada uno de los inputs de tu formulario.

Basándome en tu HTML, te incluyo un pequeño script en jQuery que te permitirá eso:

$(document).ready(function() {
    //Siempre que salgamos de un campo de texto, se chequeará esta función
    $("#form input").keyup(function() {
        var form = $(this).parents("#form");
        var check = checkCampos(form);
        if(check) {
            $("#user-data-next-button").prop("disabled", false);
        }
        else {
            $("#user-data-next-button").prop("disabled", true);
        }
    });
});
    
//Función para comprobar los campos de texto
function checkCampos(obj) {
    var camposRellenados = true;
    obj.find("input").each(function() {
    var $this = $(this);
        if( $this.val().length <= 0 ) {
            camposRellenados = false;
            return false;
        }
    });
    if(camposRellenados == false) {
        return false;
    }
    else {
        return true;
    }
}

Deberás añadir un ID al formulario, o una clase y lo cambias en el código.

A groso modo, este código lo que hace es buscar todos los campos inputs y chequea si su longitud es mayor a 0 (ha escrito algo), y si todos los campos están rellenados, entonces, le quita la propiedad disabled al botón.

Añado un enlace al jsFiddle por si necesitas trastear con él.

Zander
  • 1k
  • 1
  • 7
  • 20