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.
Mohlo by vás také zajímat
-
Windows App: Pracujte odkudkoliv, kdykoliv
3. listopadu 2024 -
Certifikáty Entrust ztratí důvěru Google Chrome
8. července 2024 -
Rychlost serveru: Klíč k lepšímu umístění ve vyhledávačích
7. června 2024
Nejnovější
-
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024 -
Chcete jedinečnou doménu? Objevte koncovky FOOD, MEME a MUSIC!
7. listopadu 2024 -
OpenAI představilo novou funkci ChatGPT Search
6. listopadu 2024