Kontrola dat pomocí java scriptu
Napsal hary28 dne 29.07.2010 16:16 v Tvorba www stránek, jQuery, Ajax | 0 komentářů
Určitě jste si už někdy vytvořily nějaký formulář a potřebovali jste kontrovat data, ale přes php pomocí podmínek se vám to nezdálo ideální a praktické. Tak je tu možnost kontrolovat data pomoci JS, ale nastává problém pokud má uživatel v prohlížeči JS vypnutý. Proto doporučuji kontrolovat data pomocí JS a poté to prohnat ještě přes php podmínky. Toto je asi vše a vrhnem se na použití.
Vytvoříme si formulář, kde se nám budou nacházet tři pole. Já si je nazval jmeno, email, text. Ještě než začneme psát JS musíme si do tagu form dát id=”formular” a onsubmit=”return test()”. Tímto vyvoláme JS, který si ted vytvoříme.
Formulář jsme si vytvořily a nyní se vrhnem na JS. Vyvoláme funkci function test() {} název funkce jsme si určily v tagu form. Nyní do složených závorek budeme psát podmínky v JS. První podmínka bude určitě pro pole jméno.
<script>
if(document.forms.formular.jmeno.value == '') {
alert("Není vyplněno Vaše jméno!");
document.forms.formular.jmeno.focus();
return false;
}
</script>
Pole musí mít obsahovat name="jmeno" nebo si název pole změňte a nezapomeňte změnit název pole i v podmínce. Takovýmto způsobem si poskládáme podmínky i pro další pole.
Teď vám ještě ukážu, jak kontrolovat správnost emailové adresy.
<script>
function test_email(adresa) {
re = /^[^.]+(\.[^.]+)*@([^.]+[.])+[a-z]{2,4}$/;
return adresa.search(re) == 0;
}
</script>
Kontrolu provede pomocí regulárního výrazu. A ještě podmínka ke kontrole emailu. Tato podmínka je skoro totožná s předchozí.
<script>
if(!test_email(self.document.forms.formular.email.value)) {
alert("Zadaná emailová adresa není ve správném formátu!!");
document.forms.formular.email.focus();
return false;
}
</script>
Pokud vaše pole pro email nebude mít name=”email” nezapomeňte tento název změnit i v podmínce pro kontrolu emailu.
To je pro tento článek vše. Teď si můžete stáhnout hotovou kontrolu formuláře nebo se podívat na ukázku.