Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT FORMS / CHAPTER 05 / Учене / LESSON 09
Теория. submit е събитието на формата (а не на бутона). По подразбиране браузърът изпраща формата и презарежда страницата. event.preventDefault() спира това и ти поемаш управлението.
Типичен успешен път: preventDefault → прочети полетата → покажи съобщение за успех → form.reset() за изчистване. form.reset() връща всяко поле на началната му стойност (празно за текстово поле) и вдига събитие reset.
ВАЖЕН РЕД: първо прочети стойностите, после reset(). След reset() полетата са празни и текстът за успех ще е без данни.
Малък пример:
form.addEventListener("submit", (event) => { event.preventDefault(); const note = form.elements.note.value; msg.textContent = "Saved: " + note; form.reset(); });
В Code Lab няма мрежа: изпращането е симулирано локално.
Честа грешка: reset преди четене; забравен preventDefault; слушател на click вместо submit (Enter в полето пропуска клик).
<form id="f"><input id="note" name="note" type="text"><button type="submit">Save</button></form><p id="msg"></p>preventDefault поема формата; reset() връща полетата към началото — след като си взел стойностите.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›