Vítejte!

Poslední je věk. Jeho textové pole je pro čísla (type="number"), a když v něm není platné číslo, je jeho hodnota prázdný text. A víte, že Number("") je 0, takže nejdřív zkontrolujte, jestli textové pole není prázdné:

  • Když je textové pole pro věk prázdné, ukažte Zadejte svůj věk.
  • Když je věk menší než 13, ukažte Musí vám být aspoň 13 let.

Když je všechno v pořádku, formulář svou práci udělal. Odstraňte ho ze stránky a v prvku vitejte ukažte Vítejte, Anna!, jen místo Anna tam bude uživatelské jméno (bez mezer na začátku a na konci). Prvek odstraníte jeho metodou remove():

formular.remove();

Prvek zmizí ze stránky i se vším, co je v něm.

A to je celý projekt. Váš formulář kontroluje, co uživatel napsal, pole po poli, pomocí trim(), length, includes() a Number(). U každého textového pole ukáže, co je špatně, zprávu vyprázdní, jakmile je pole v pořádku, a svou práci udělá, jen když je v pořádku všechno. Takhle fungují i skutečné registrační formuláře a server pak všechno zkontroluje ještě jednou, protože skript ve svém prohlížeči může kdokoli změnit. V příští lekci, Časovače a čekání, se vaše stránky naučí čekat: udělat něco za pár sekund nebo pořád dokola, třeba odpočítávat.

Pokyny

Zkontrolujte věk.

Když je všechno v pořádku, odstraňte formulář a uživatele přivítejte.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

Zpět

3/3

Další