Настроить предупреждение / сообщение об ошибке на основе селектора, который не выбран

Question

У меня есть три селектора, и в настоящее время, если ни один из них не выбран, появляется предупреждение «Пожалуйста, заполните поля».

Однако я хочу настроить предупреждение.

Предположим, что из 3 только 1 селектор не выбран - скажите «измерение», чем, как я могу изменить предупреждение «Пожалуйста, заполните поле - Два».

Мой текущий код:

if (
       checkforNullEmptySelect("group")
    && checkforNullEmptySelect("one")
    && checkforNullEmptySelect("two")
    && checkforNullEmptySelect("three")
) {
    // alert("Values filled in correctly");
    formValid = true
    getData();
    return true;
} else {
    alert(alertMessageArr.correctFields);
    return false;
}

Answer 1

Я предполагаю, что ваша HTML-структура будет такой, как указано ниже:

<input  id="one" type="text"/>
<input  id="two" type="text"/>
<input  id="three" type="text"/>

Фрагмент для проверки того, что поля пусты или нет:

if(inputOne === 0 && inputTwo === 0 && inputThree === 0){
alert("Please fill all fields");
}else{
 $('input').each(function() {
    if ($(this).val() != '') {         //Or $(this).length > 0
        alert('all inputs filled');
    }
    else{
        alert('theres an empty input');   //alert selectors if needed
        return false
    }
});
}

Answer 2

Вы можете объединить селектор с помощью оператора "+" или ``, если вы используете es6.

// ES5 -> alert ('Пожалуйста, заполните поля -' + селектор);

// ES6 -> alert (`Пожалуйста, заполните поля - $ {selector}`);