Jak zamezit odesílání prázdných formulářů ze stránek?

Už se Vám stalo, že jste obdrželi ze stránek objednávku (či jiný formulář) s nevyplněnými nebo jen částečně vyplněnými údaji? Zabránit tomuto nešvaru lze například pomocí jednoduchého Javascriptu, který si popíšeme v tomto článku.

Pro lepší názornost si vytvoříme jednoduchý formulář, pomocí kterého je možné si objednat posílání zpráv na Vaši emailovou adresu (příklad je samozřejmě fiktivní).

Takto vytvořený formulář samozřejmě nezabraňuje odesílání prázdných formulářů. Proto kód doplníme o tento JavaScript:

Funkce kontrola() zjistí, zdali textové pole obsahuje nějaké údaje. V opačném případě je zobrazena upozorňující zpráva a zamezeno odeslání formuláře. Funkci kontrola() budeme volat metodou onSubmit, takže tag <form> doplníme takto:

Jak si sami můžete vyzkoušet, skript zabrání odeslání prázdného formuláře. V případě, že však do textového pole vložíte nějaký řetězec (i ten nesmyslný), k odeslání dojde. Pomocí JavaScriptu však můžeme zkontrolovat např. délku řetězce, jaké znaky jsou v řetězci obsaženy apod. V našem případě je vhodné doplnit skript o kontrolu (metodou indexOf), zdali je v řetězci přítomen znak "@", který nechybí v žádné emailové adrese. Funkce kontrola2() má tuto syntaxi:

Skript můžete dále upravovat podle svých potřeb, například zkontrolovat, zda-li znak @ není na začátku či na konci řetězce apod.

Závěr

Oproti podobným skriptům prováděných na straně serveru přináší Javascript několik výhod. Nejdůležitější je ta, že při kontrole formuláře není nutné komunikovat se serverem, kontrola se provádí přímo na počítači uživatele. Na druhou stranu lze JavaScript obejít (stačí ho vypnout), takže v opravdu důležitých případech je lépe aplikaci doplnit i o skripty prováděných na straně serveru, které jsou nezávislé na prohlížeči.