(function ($) {
    $.validator.addMethod("validateTel",
        function (value, element, param) {
            if (!value) {
                this.message = param + " is empty";
                return false;
            }

            if (!value.match(/^[\d]{3}-[\d]{3}-[\d]{3}$/)) {
                this.message = param + " must be format as xxx-xxx-xxx";
                return false;
            }
            return true;
        },
        function () {
            return this.message;
        });

    var validateConfig = {
        onfocusout: false,
        onkeyup: false,
        onclick: false,
        errorLabelContainer: "#errorBlock",
        errorElement: "label",
        wrapper: "p",
        groups: {
            nameGroup: "firstName lastName"
        },
        rules: {
            "id": {
                required: true,
                minlength: 3,
                maxlength: 20,
                number: true
            },
            "firstName": {
                required: true
            },
            "lastName": {
                required: true
            },
            "email": {
                required: true,
                email: true
            },
            "confirmEmail": {
                required: true,
                email: true,
                equalTo: "#email"
            },
            "tel": {
                validateTel: "Telephone"
            }
        },
        messages: {
            "id": {
                required: "ID is required",
                number: "ID must be number"
            },
            "firstName": {
                required: "Name is required"
            },
            "lastName": {
                required: "Name is required"
            },
            "email": {
                required: "Email is required",
                email: "Email is format wrong"
            }
        },
        submitHandler: function (form) {
            alert('Submit successful');
        },
        invalidHandler: function (event, validator) {
            var numberErrors = validator.numberOfInvalids();
            if (numberErrors) {
                alert('Total: ' + numberErrors + ' errors');
            }
        },
        errorPlacement: function (error, element) {
            alert(error[0].innerText);
        }
    };

    var createForm = $('#createForm');
    createForm.on('submit', function (event) {
        event.preventDefault();
        createForm.validate(validateConfig);

        $('#date').rules('add', {
            required: true,
            date: true,
            messages: {
                required: "Date is required",
                date: "Date format is wrong"
            }
        });

        if (createForm.valid()) {
            alert('Send request');
        }
    });

})(jQuery);