Ukrywanie przycisku, jeśli walidacja ma błędy.

Jak ukryć przycisk w czasie rzeczywistym?

<script>
    $('#btnRegister').hide();
    $(formRegister).validate({
        rules: {
            test1: {
                required: true,
            },

            test2: {
                required: true,
            },
                test3: {
                required: true,
                minlength:4
            }
        }
    });
</script>

I teraz potrzebuje czegoś takiego,
if(formRegister.maBledy){
    $('#btnSaveProject').hide(); //ukryj jesli ktorkolwiek pole ma bledy
}else{
    $('#btnSaveProject').show();
}
 

Użyj eventu change na inpucie.
http://stackoverflow.com/questions/4128657/jquery-validation-changing-rules-dynamically

Albo zdarzen 'onkeyup', 'onkeydown', 'onkeypress'. Wrzuc w nie funkcje walidujaca :)

@Stiffler
@Tumeg

 
<script>

    $('#btnRegister').hide();
    var form = $( "form" );
    form.validate({
        rules: {
            email: {
                required: true,
                email: true,
                minlength: 3,
                maxlength: 100,
                <%--remote: {--%>
                <%--url: "<spring:url value='/register/available' />",--%>
                <%--type: "get",--%>
                <%--data: {--%>
                <%--username: function () {--%>
                <%--return $("#email").val();--%>
                <%--}--%>
                <%--}--%>
                <%--}--%>
                remote: {
                    url: "<spring:url value="/register/available"/>",
                    type: "get",
                    data: {
                        username: function () {
                            return $('#email').val();
                        }
                    }
                }
            },
            password: {
                required: true,
                minlength: 3
            },
            name: {
                required: true,
                minlength: 3
            },
            lastname: {
                require: true,
                minlength: 3
            }
        },
        highlight: function (element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function (element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function (error, element) {
            if (element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        },
        messages: {
            email: {
                remote: "Such email already exists."
            }
        }
    });

    $( "#target" ).keyup(function() {
        //alert( "Handler for .keyup() called." );
        if(form.valid()){
            $('#btnRegister').show();
        }else{
            $('#btnRegister').hide();
        }
    });

//    $("input[name='target']").change(function() {
//        $('#target').toggle();
//        if (form.valid()) {
//            $('#btnRegister').show();
//        } else {
//            $('#btnRegister').hide();
//        }
//    });
</script>

Alert się pojawia jak usunę komentarz, ale mój przycisk, gdy wszystkie pola są poprawne nie.