Почему кнопка отправки становится включенной, даже когда необходимые входы пусты? ⇐ Html

[Anonymous]

У меня есть форма и кнопка отправки, которую необходимо отключить , пока не будут заполнены все необходимые входы. Некоторые входы являются текстом, а некоторые выпадают. Я прочитал много потоков о том, как справиться с этим, и я думаю, что делаю это правильно, но по какой -то причине кнопка отправки включена, как только пользователь заполняет текстовый ввод, даже если раскрывающиеся входы Все еще пусто. Почему кнопка «Отправить» включена, как только строка ввода текста> 0, даже когда выпадающие значения все еще «выберите»? Вот рабочий код и см. Код ниже. -В подтверждении формы, а затем добавление любого JavaScript, необходимого для настройки опыта пользовательского интерфейса, а не обработать все валидацию формы в JavaScript. Поскольку я уже использую Bootstrap, я решил, что было бы лучше, чтобы реорганировать мой код, чтобы использовать их методы проверки формы. Если вы читаете этот вопрос, и вы используете начальную загрузку, проверьте их документы. В противном случае оба ответа, ниже, будут работать для JavaScript /jQuery. Код ">

Код: Выделить всё

// Input Variables
let createDigestModal = $("#create-digest-modal");
let createDigestFormContainer = $("#create-digest-modal-form-container");
let createDigestModalSubmitBtn = $("#create-digest-modal-btn");

// ========================================================================
// Toggle the submit button to disabled / enabled based on required inputs
// ========================================================================
const enableSubmitBtn = () => {
// Create digest form
$(createDigestFormContainer).on("keyup click", () => {
let createDigestInputs = createDigestFormContainer.find(".required");
let requiredCreateDigestInputs = true;

for (let i = 0; i < createDigestInputs.length;  i++) {
console.log(createDigestInputs[i].value);
if (createDigestInputs[i].value == "") {
requiredCreateDigestInputs = false;
}
}

createDigestModalSubmitBtn.prop("disabled", !requiredCreateDigestInputs);
});
};

// Invoke Function to toggle submit button
enableSubmitBtn();< /code>
.row {
margin-bottom: 1rem;
}

/* Required Fields */

.required-field::after {
content: "*";
color: red;
margin-left: 2px;
}

.required-field-margin-left::after {
content: "*";
color: red;
margin-left: -2px;
}< /code>







Project



Select
Project 1
Project 2








Digest Name









Type


Select
Daily
Weekly









Include Summary











Close


Add Digest

Подробнее здесь: https://stackoverflow.com/questions/794 ... -are-empty