Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT DOM / CHAPTER 04 / Учене / LESSON 09
Валидацията проверява вход преди действие. Ако стойността е лоша — покажи съобщение в #err; ако е добра — изчисти грешката и продължи.
Типично: Number(input.value) < 1 → "too small". Празен вход също е проблем.
Мини пример:
document.querySelector("#check").addEventListener("click", () => { const n = Number(document.querySelector("#amount").value); const err = document.querySelector("#err"); if (n < 1) err.textContent = "too small"; else err.textContent = ""; });
Честа грешка: да валидираш само визуално без да пишеш в DOM; или да сравниш низ с число без Number.
<input id="amount" type="text" value="0" /><button id="check" type="button">Check</button><p id="err"></p>Покажи грешката в DOM, не само в главата.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›