GamePAD.lt</a> :: BLOG'as apie žaidimus, muzikos ir internetinių puslapių kūrimą

Balandžio 19, 2010

Kaip patikrinti ar užpildyti reikiami laukeliai remiantis javascript

Užpildytas po: Svetainių kūrimas — admin @ 17:25

Norite informuoti savo svetainės lankytojus apie neužpildytas formas neatveriant kito puslapio? Tai yra gan paprasta. Tarkime jūsų prisijungimo formos kodas yra toks:

<form name="login" action="prisijungti.php"
onsubmit="return checkLoginForm();" enctype="multipart/form-data"
method="post">
<input type="text" name="vardas" id="vardas" maxlength="10"/><br />
<input type="password" name="slapt" id="slapt" maxlength="26"/><br />
<input type="submit" name="button"  id="button" value="Prisijungti" />
</form>

onsumbit=”return checkLoginForm();” – nurodome, jog, kai kas nors nori išsiųsti informaciją, aktyvuotų funkciją (tarkime checkLoginForm) ir gražintų rezultatą (jei true- išsiųs informacija, jei false- nesiųs).

Šiuo atveju tinka toks kodas:

<script language="JavaScript" type="text/javascript">
function checkLoginForm(){
 with (window.document.login){
 if (login.vardas.value == "") {
 alert("Neįrašei vardo.");
 login.vardas.focus();
 return false;
 }
 if (login.slapt.value == "") {
 alert("Neįrašei slaptažodžio.");
 login.slapt.focus();
 return false;
 }
 else {
 submit();
 }
 }
}
</script>

function checkLoginForm () - nurodome funkcijos pavadinimą.
Šiais simboliais { ir } parodome, kur prasideda kodo dalis ir kur baigiasi. Dažniausiai vartojami su sąlyginiais klausimais IF ir ELSE ir su ciklais WHILE ir FOR (šiuo atveju if, else, with ir function() ).
with (window.document.login) – nurodome, jog kodas turi funkcionuoti su objektu pavadinimu login (toks yra <form> vardas šiame pavyzdyje) tame dokumente (document), kur yra šis kodas ir be abejo tame pačiame lange, kur yra dokumentas (window).
if (login.vardas.value == “”"){…} – sąlyginis klausimas. Patikrina ar vardo įvedimo laukelis yra tuščias ir vykdo kodą pateiktame tarp { ir }.
alert(“Neįrašei vardo.”); - išokančios perspėjamosios lentelės kodas. nepamirškite, jog po kiekvienos eilutės reikia padėti kabliataškį, išskyrus sąlyginius klausimus, ciklus ir t.t.
login.vardas.focus(); – padarome jūsų puslapį draugiškesnį jo lankytojams. Iškarto, kai pradings lentelė, teksto žymeklis atsidurs vardas teksto įterpimo eilutėje.
return false; – gražiname false rezultatą. užklausa į serverį nesiunčiama.

else - nurodome, ką daryti, jei neatliekama if sąlyga.
sumbit(); – galu galiausiai, jei viskas atitiko, išsiunčiame informaciją.

Nepamirškite įterpti šio Javascript kodo tarp <HEAD> tagų.

Palikite atsiliepimą

Please insert the signs in the image:

Comment moderation is enabled. Your comment may take some time to appear.

Creative Commons License PR

free stats

© www.gamepad.lt. Informacijos panaudojimas nenurodžius autoriaus laikomas autorinių teisių pažeidimu.
17 užklausų. 1.663 sekundės.

Top30.lt statistika CNTR.finx.lt