Валидация input на javascript

2017-10-20

---

Валидация input на javascript с использованием bootstrap классов

(function () {
$("#zakaz").submit(function () {
    return updateError(this);
});
$("#zakaz").find("select, textarea, input").change(function () {
    updateErrorElement($(this));
});
function updateError(form) {
    var fail = false;
    $(form).find('select, textarea, input').each(function() {
        if (updateErrorElement($(this))) {
            fail = true;
        };
    });
    if (fail) {
        return false;
    }
    return true;
}
function updateErrorElement(element) {
    if (element.hasClass("required")){
        if (!element.val()) {
            element.parent().removeClass('has-success');
            element.parent().addClass('has-error');
            element.parent().find('.help-block').empty();
            element.parent().append('<span class="help-block">Заполните это поле.</span>');
            return true;
        } else {
            element.parent().removeClass('has-error');
            element.parent().addClass('has-success');
            if (element.parent().find('.help-block')) {
                element.parent().find('.help-block').empty();
            }
        }
    }
    return false;
}
})();