function onSubmit(event) {
    var valid = true;
    if ($("#firstname").val().length < 2) { valid = false; }
    if ($("#lastname").val().length < 2) { valid = false; }
    if ($("#account").val().length > 10) { valid = false;}
    if ($("#bank").val().length > 4) { valid = false;}
    }

function checkName() {
    var element = $(this);
    var text = element.val();
    var container = element.parent();
    container.find(".form-control-feedback").remove();
    if (text.length > 2)
    {
        container.addClass("has-success");
        container.removeClass("has-danger");
    }
    else
    {
        container.addClass("has-danger");
        container.removeClass("has-success");
        container.append("<div class=\"form-control-feedback\">Normální lidé mají delší jména než 2 znaky.</div>");
    }
}

function checkRequired() {
    var element = $(this);
    var value = element.val();
    var container = element.parent();
    container.find(".form-control-feedback").remove();
    if (value)
    {
        container.addClass("has-success");
        container.removeClass("has-danger");
    }
    else
    {
        container.addClass("has-danger");
        container.removeClass("has-success");
        container.append("<div class=\"form-control-feedback\">Toto pole musí být vyplněno.</div>");
    }
}

function ucet() {
    var element = $("#account");
    var account = element.val();
    var container = element.parent();
    if (account.length == 10)
    {
        container.addClass("has-success");
        container.removeClass("has-danger");
    }
    else
    {
        container.addClass("has-danger");
        container.removeClass("has-success");
        container.append("<div class=\"form-control-feedback\">Toto pole musí obsahovat více jak 10 číslic!.</div>");
    }
}

function banka() {
    var element = $("#bank");
    var bank = element.val();
    var container = element.parent();
    if (bank.length == 4)
    {
        container.addClass("has-success");
        container.removeClass("has-danger");
    }
    else
    {
        container.addClass("has-danger");
        container.removeClass("has-success");
        container.append("<div class=\"form-control-feedback\">Toto pole musí obsahovat 4 číslice!.</div>");
    }
}

$(document).ready(function() {
    $("#form-1").submit(onSubmit);
    $(".required").blur(checkRequired);
    $("#firstname").blur(checkName);
    $("#lastname").blur(checkName);
    $("#account").blur(ucet);
    $("#bank").blur(banka);
});