Cacher is the code snippet organizer for pro developers

<script type="text/javascript" src="../vendors/jquery-validation/jquery.validate.min.js"></script>
http://jqueryvalidation.org/

$(document).ready(function() {

    const addingErrorClass = "has-error";
    const addingClassElement = "form-group";

    $('.form-validation').validate({
        errorElement: 'small',
        errorClass: 'help-block',
        highlight: function (element, required) {

            element = $(element);

            if(element.hasClass(addingClassElement)) {
                element.addClass(errorClass)
            }else {
                var parent = $(element).parent();
                while (!parent.hasClass(addingClassElement)) {
                    parent = parent.parent();
                }

                parent.addClass(addingErrorClass);
            }

            /*$(element).fadeOut(function () {
                $(element).fadeIn();
                $(element).css('border', '2px solid #FDADAF');
            });*/
        },
        unhighlight: function (element, errorClass, validClass) {
            element = $(element);

            if(element.hasClass(addingClassElement)) {
                element.removeClass(errorClass)
            }else {
                var parent = $(element).parent();
                while (!parent.hasClass(addingClassElement)) {
                    parent = parent.parent();
                }

                parent.removeClass(addingErrorClass);
            }
        },

        rules:{
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            password: {
                required: true,
                minlength: 6,
                maxlength: 20
            },
            confirmPassword: {
                required: true,
                minlength: 6,
                maxlength: 20,
                equalTo: "#input_Password"
            },
            terms: {
                required: true
            }
        },
        messages: {
            name: {
                required: 'Lütfen bir Ad ve Soyad giriniz.'
            },
            email: {
                required: 'Lütfen bir E-posta Adresini giriniz.',
                email: 'Lütfen E-posta Adresini doğru giriniz.'
            },
            password: {
                required: 'Lütfen bir Şifre giriniz.',
                minlength:'Şifreniz en az 6 karakter olmalıdır.',
                maxlength: 'Şifreniz en fazla 20 karakter olmalıdır.'
            },
            confirmPassword: {
                required: 'Lütfen bir Şifre giriniz.',
                minlength:'Şifreniz en az 6 karakter olmalıdır.',
                maxlength: 'Şifreniz en fazla 20 karakter olmalıdır.',
                equalTo: 'Lütfen aynı şifreyi giriniz.'
            },
            terms: {
                required: 'Lütfen Koşulları kabul ediniz.'
            }

        },
        submitHandler: function() { alert("Submitted!") }
    });

});