Desactivar o Activar botón en formulario con JQUERY y Validate

Cuando validamos un formulario usando JQUERY y el plugin VALIDATE quizás necesitemos que el botón de ENVIAR esté desactivado hasta que el formulario esté completo y valide correctamente. Lo podemos lograr con el siguiente script:

<script type="text/javascript">

$('#formulario').bind('change keyup', function() {

    if($(this).validate().checkForm()) {

        $('#boton_enviar').attr('disabled', false);

    } else {

        $('#boton_enviar').attr('disabled', true);

    } });

</script>

 

Recuerden reemplazar #formulario por la ID de su formulario  y #boton_enviar por la ID de su botón.