$(document).ready(function(){
   $("#registration").validate({
            rules: {
                anrede:{
                    required:true
                },
                famname:{
                    required:true
                },
                vorname:{
                    required:true
                },
                street:{
                    required:true
                },
                username: {
                    required: true,
                    minlength:5
                },
                housnumber:{
                required:true
                },
                plz:{
                required:true
                },
                city:{
                required:true
                },
                email: {
                         required: true,
                        },
                emailconfirm: {
                    equalTo: "#email",
                    required:true
                },
                                password:{
                    required:true,
                    minlength:7
                },
                passwordconfirm: {
                    equalTo: "#password",
                    required:true
                },

            },
                messages: {
                email: {
                  required: "Bitte eine E-Mailadresse angeben!",
                  email: "Bitee geben sie eine gültige e-Mailadresse ein!",
                  remote: "Die eingegebene E-Mailadresse wird berreits verwendet!"
},
emailconfirm:"Bitte die gleiche E-Mail Adresse eingeben",
                        },
            highlight: function(element) {
                $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
            },
            success: function(element) {
                $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
            },
            errorClass: 'help-block'
        });
})
// override jquery validate plugin defaults
$.validator.setDefaults({
    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);
     }
    }
});