Проверьте, пусты ли входы с помощью jquery

Для этого вам нужно знать длину символов, которые есть в каждом из входных данных вашей формы.

Основываясь на вашем HTML , я включаю небольшой скрипт jQuery , который позволит вам сделать это:

$(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;
    }
}

Вы должны добавить идентификатор в форму или класс и изменить его в коде.

Грубо говоря, этот код ищет все поля ввода и проверяет, не больше ли их длины 0 (вы что-то набрали), и если все поля заполнены, то снимает с кнопки свойство disabled.

Я добавил ссылку на jsFiddle на случай, если вам нужно будет с ней повозиться.

Вы можете создать числовую переменную, равную количеству полей, которые у вас есть, всякий раз, когда поле не является пустым.

if($("#nombre").val().length > 0)

вы вычитаете единицу из числовой переменной и проверяете, равна ли она нулю. если он равен нулю, вы удаляете отключенный.

Самое прямое — попросить для каждого из полей узнать, были ли они заполнены, а если какое-то из них пусто, сохранить его в переменной и показывать кнопку или нет в зависимости от ее значения. ...

Форма добавляет идентификаторы

input type="email" class="form-control" name="email" id="email"/>

... с jquery для поля формы

var contador=0
    if ($("#email").val().length<1) {contador=1}

или же

if ($("#email").val()=="") {contador=1}

if (contador==0) {//muestras el botón}
else {//no muestras el botón}

Если вы запросите класс, общий для всех полей, он примет значение только одного поля, а не всех.

Вы можете использовать событие inputдля проверки:

$('input').on('input', function(){
  
    $('input').each(function() {
      
      var boton      = $( '#user-data-next-button' );
      var esta_vacio = $( this ).prop( 'value' ) === '';
      
      boton.prop('disabled', esta_vacio);        
    });
});

$('button').on('click', function(){  
  console.log('Enviado!!');
});

input{display:block}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <label>Email</label>
	<input type="email" class="form-control" name="email"/>
	<label>Full name</label>
	<input type="text" class="form-control" name="name"/>
	<label>Address</label>
	<input type="text" class="form-control" name="address"/>
	<label>Postal code</label>
	<input type="number" class="form-control" name="cp"/>
	<label>City</label>
	<input type="text" class="form-control" name="city"/>
	<label>Province</label>
	<input type="text" class="form-control" name="province"/>
</form>  
<button id="user-data-next-button" class="btn my-button" disabled>Enviar</button>

var $inputs = $('#SignupForm').find('table').children().find(':input[type="text"]') //INPUTS
var $selects = $('#SignupForm').find('table').children().find('select') //SELECTS

$inputs.each(function(index, element) {
    if ($(element).val().length <= 0) {
            $(element).css("border", "solid 2px #FA5858");
    }
});

$selects.each(function(index, element) {
    if ( $(element).val() ==0) {
            $(element).css("border", "solid 2px #FA5858");
    }
});