jQuery(document).ready(function() {
    var options = {
        dataType: 'script',
        beforeSend: function() {
            $('.errorBlock').hide();
            $('.successBlock').hide();
            $('.errorBlockContent').html('');
            $('.successBlockContent').html('');
            $("input[type*=submit]").attr("disabled", "disabled");
        }
    };
    $('#signupForm').validate({
        submitHandler: function(form) {
            $(form).ajaxSubmit(options);
        },
        errorClass: 'errorField',
        rules: {
            login: {
                required: true,
                minlength: 2,
                remote: {
                    type: 'post',
                    url: '/ajax/auth/validate_form'
                }
            },
            email: {
                required: true,
                email: true,
                remote: {
                    type: 'post',
                    url: '/ajax/auth/validate_form'
                }
            },
            password: {
                required: true,
                minlength: 6
            },
            confirm_password: {
                required: true,
                equalTo: '#signupForm input[name*="password"]'
            },
            accept: {
                required: true
            }
        },
        messages: {
            login: {
                required: captionFieldRequired,
                minlength: $.format(captionFieldMin)
            },
            email: {
                required: captionFieldRequired,
                email: captionFieldEmail
            },
            password: {
                required: captionFieldRequired,
                minlength: $.format(captionFieldMin)
            },
            confirm_password: {
                required: captionFieldRequired,
                equalTo: captionFieldConfirm
            },
            accept: {
                required: captionFieldAccept
            }
        },
        errorPlacement: function (error, element) {
            var el = element.attr('name');
            $('#'+el).attr('title', error.html());
            $('#'+el).removeClass('okIcon');
            $('#'+el).addClass('errorIcon');
        },
        success: function (element) {
            var el = element.attr('for');
            $('#'+el).attr('title', '');
            $('#'+el).removeClass('errorIcon');
            $('#'+el).addClass('okIcon');
        }
    });
});