Skip to main content
mejorar y agregar código en la respuesta
Origen Enlace
Black Sheep
  • 13.6k
  • 9
  • 38
  • 62

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>

Puedes usar el input event: 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);
        }
    });
});

Puedes usar el evento input para hacer las comprobaciones:

$('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>

Origen Enlace
Black Sheep
  • 13.6k
  • 9
  • 38
  • 62

Puedes usar el input event: 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);
        }
    });
});