$(function () {

    $("form").validate({
        errorPlacement: function (error, element) {
            error.appendTo(element.parent());
            var pos = $(element).position();
            //$(element).nextAll("label.error").css({ "left": (pos.left) + "px", "top": (pos.top + 28) + "px" });
            $(element).css({ "border": "1px solid red" });
            $(element).blur(function () {
                $(this).css({ "border": "1px solid #B5B8C8" });
            });
            $(element).nextAll("label.error").show();
            $(element).addClass("error");
        },
        rules: {
            textBoxUsername: {
                required: true,
                maxlength: 100
            },
            textBoxPassword: {
                required: true,
                maxlength: 100
            }
        }
    });
});