gastor-git
3/24/2017 - 10:54 AM

Проверка заполнения обязательных полей перед отправкой формы

Проверка заполнения обязательных полей перед отправкой формы

Функция проверяет, имеют ли непустое значение элементы в заданном контенере с заданным аттрибутом data и добавляет/убирает класс ошибки если значение присутствует/отсутствует.

Функция возвращает false, если хотя бы у одного элемента отсутствует значение и true в противном случае.

function checkRequiredFields(containerSelector, dataName = 'data-req', dataVal = 'required', errorClass = 'field-error') {
    var flag = true;
    $(containerSelector + ' [' + dataName + '="' + dataVal + '"]').each(function() {
        if(!$(this).val()) {
            $(this).addClass(errorClass);
            flag = false;
        } else {
            $(this).removeClass(errorClass);
        }
    });
    
    return flag;
}

пример вызова:

if (!checkRequiredFields.run('#myform', 'data-req', 'isreq', 'input-error')) {
    flag = false;
}