Weryfikacja formularza


Skrypt ten uzupełnia działanie formularzy (zwykły HTML tu nie wystarczy), chroniąc przed zapominalstwem tych osób, którzy wypełniają formularz na naszej stronie i nie podają jakiegoś pola. Typowe zastosowanie to przypomnienie, aby zostało wypełnione pole poczty elektronicznej.


Spróbuj kliknąć na przycisku Wyślij bez podawania adresu.

Kobieta Mężczyzna

Podaj adres pocztowy




Ta konkretna postać skryptu sprawdza zawartość pola, które zostało nazwane email - name="email". Część skryptu zawarta w HEAD odnosi się właśnie do "email" (form.email.value i form.email.focus), więc chcąc opatrzyć skryptem inne pole, należy wstawić nazwę tego pola. W naszym przypadku alert powiadomi o niewypełnionym polu email i automatycznie wstawi do niego kursor.

Skopiuj przykładowy kod.


W ramach HEAD

<SCRIPT LANGUAGE="JavaScript">
<!--
function checkform ( form )
{
    // see http://www.thesitewizard.com/archive/validation.shtml
    // for an explanation of this script and how to use it on your
    // own website

    // ** START **
    if (form.email.value == "") {
        alert( "Podaj jeszcze swój adres pocztowy." );
        form.email.focus();
        return false ;
    }
    // ** END **
	return true ;
}
//-->
</SCRIPT>

W ramach BODY

<form enctype="text/plain" action="mailto:jan.kowalski@mojafirma.pl" method="post"
onsubmit="return checkform(this);">

<INPUT TYPE="radio" NAME="plec" VALUE="kobieta" checked> Kobieta
<INPUT TYPE="radio" NAME="plec" VALUE="mężczyzna"> Mężczyzna
<BR>
<P>Podaj adres pocztowy</P>
<input type="text" name="email">
<BR>
<BR>
<INPUT TYPE="submit" VALUE="Wyślij formularz">

</form>