Okno dialogowe potwierdzające wykonanie operacji w panelu administratora, własnego autorstwa strony internetowej to naprawdę dobre rozwiązanie. Jest to proste zabezpieczenie napisane za pomocą funkcji confirm() języka JavaScript, które utrudnia przypadkowe wykonanie operacji przypisanej m.in. pod przycisk formularza (np.: usunięcie artykułu, kategorii).
Akcja przypisana pod przycisk formularza zostanie wykonana tylko w przypadku, kiedy w oknie dialogowym wybierzemy przycisk OK - okno decyzyjne JavaScript (rys. 1.). Przykładowy kod umieszczono na listingu 1.
Listing 1. Dodanie funkcji confirm() w formularzu
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Funkcja confirm() - JavaScript</title>
</head>
<body>
<form action="#" method="get">
<label for="txtName">Podaj imię:</label>
<input id="txtName" name="txtName" type="text" value="To tylko przykład!"/>
<!-- Funkcja confirm() zostanie wykonana po kliknięciu przycisku. -->
<input type="submit" name="submitbutton" value="Zapisz imię!" onclick="return confirm('Jesteś pewny, że chcesz zapisać imię?');"/>
</form>
</body>
</html>
Rys. 1. Okno decyzyjne JavaScript w przeglądarce Firefox
Materiały do artykułu można znaleźć w pliku funkcja-confirm.zip – kodowanie plików tekstowych UTF-8, znaki końca linii (Unix).
Wybrane książki:
- Laura Lemay, Rafe Colburn, Jennifer Kyrnin: HTML, CSS i JavaScript dla każdego. Wydanie VII, Wydawnictwo Helion, 2016.
- Robin Nixon: PHP, MySQL i JavaScript. Wprowadzenie. Wydanie IV, Wydawnictwo Helion, 2015.
- Jon Duckett: HTML i CSS. Zaprojektuj i zbuduj witrynę WWW, Wydawnictwo Helion, 2014.