Potrebna mi je pomoć.
Treba da napravim formu u java scriptu kodu gdje ću imati 4 polja za unos podataka.
Prvo polje je ime gdje se može unostiti samo text.
Drugo polje prezime, takođe samo text.
Treće je e-mail, gdje treba da se napravi forma za unos e-maila npr. da prihvata samo ovakvu formu
pcekspert@live.com.
I poslednje polje je matični broj gdje treba odrediti da se unose samo brojevi.
Takođe treba napraviti da izbacuje grešku pri pogrešnom unosu npr. kada se u polje za ime unese broj da izbaci poruku Ime može da sadrži samo slova.
Formu sam već napravio ali mi se javlja problem kod 3. i 4. polja vjerovatno sam nesto zeznuo u kodu pa mi ne izbacije gresku pri pogresnom unosu u e-mail i maticni broj. Ispod je kopiran kod.
Unaprijed havala.
<html>
<head>
<script>
function formValidation()
{
var im = document.registration.ime;
var prez = document.registration.prezime;
var em = document.registration.email;
var mbr = document.registration.maticnibroj;
if(allLetter(im))
{
if(allLetterPrez(prez))
{
if(validateEmail(em))
{
if(allNumeric(mbr))
{
}
}
}
}
return false;
}function allLetter(im)
{
var letters = /^[A-Za-z]+$/;
if(im.value.match(letters))
{
return true;
}
else
{
alert('Ime treba da sadrži samo slova');
im.focus();
return false;
}
}function allLetterPrez(prez)
{
var letters = /^[A-Za-z]+$/;
if(prez.value.match(letters))
{
return true;
}
else
{
alert('Prezime treba da sadrži samo slova');
prez.focus();
return false;
}
}function validateEmail(em)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(em.value.match(mailformat))
{
return true;
}
else
{
alert("Unešena je pogrešna e-mail adresa");
em.focus();
return false;
}
}function allNumeric(mbr)
{
var numbers = /^[0-9]+$/;
if(mbr.value.match(numbers))
{
return true;
}
else
{
alert('Pogrešan maticni broj');
mbr.focus();
return false;
}
}
</script>
</head>
<body onload="document.registration.userid.focus();">
<h1>Registration data</h1>
<form name='registration' onSubmit="return formValidation();">
<ul>
<li><label for="ime">Ime:</label></li>
<li><input type="text" name="ime" size="50" /></li>
<li><label for="prezime">Prezime:</label></li>
<li><input type="text" name="prezime" size="50" /></li>
<li><label for="em">Email:</label></li>
<li><input type="text" name="em" size="50" /></li>
<li><label for="maticnibroj">Maticni broj:</label></li>
<li><input type="text" name="maticnibroj" /></li>
<li><input type="submit" name="submit" value="Submit" /></li>
</ul>
</form>
</body>