Puedes usar el evento input
eventinput
para hacer las comprobaciones: Ver Demo
$('input').on('input', function(){
$('input').each(function() {
if ($(this).prop('value') === ''){
$('#user-data-next-button').prop('disabled',true);
} else {
$('#user-data-next-button').prop('disabled',false);
}
});
});
$('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>