Witam!
Tworzę sobie formularz rejestracji i chciałbym zrobić sprawdzanie w JS. Wymyśliłem, że jeżeli jakieś pole będzie wypełnione źle, bądź wogóle nie wypełnione, to nad formularzem pojawi się odpowiedni komunikat. Znalazłem taki skrypt, przerobiłem i niestety nie działa, pomimo, że wszystko jest praktycznie identyczne. Już straciłem pomysł, gdzie może być błąd, może Wy coś zauważycie
A więc:
formularz
<form method="post" action="" onsubmit="javascript:register();"> <div id="registerResult"></div> <div class="rejestracja_naglowek">KONTO
</div> <div class="rejestracja_blok">E-mail:
<input type="text" id="email" name="email" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Has
ło:
<input type="password" id="haslo" name="haslo" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Powtórz has
ło:
<input type="password" id="powtorzhaslo" name="powtorz_haslo" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_naglowek">DANE PERSONALNE
</div> <div class="rejestracja_blok">Imi
ę:
<input type="text" id="imie" name="imie" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Nazwisko:
<input type="text" id="nazwisko" name="nazwisko" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Numer telefonu:
<input type="text" id="telefon" name="numer_telefonu" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Ulica:
<input type="text" id="ulica" name="ulica" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Numer domu:
<input type="text" id="dom" name="numer_domu" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Kod pocztowy:
<input type="text" id="kod" name="kod_pocztowy" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">Miasto:
<input type="text" id="miasto" name="miasto" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <?php $zapytanie_k = mysql_query("SELECT * FROM `kraje`");
?>
<div class="rejestracja_blok">Kraj:
<select name="kraj" id="kraj" style="width: 254px; border: solid 1px #000000; color: #6c6c6c;"> <?php while($fetchk = mysql_fetch_array($zapytanie_k))
{
$checked = ($fetchk['id'] == '120') ? 'selected' : '';
?>
<option value="<?php echo $fetchk['id']; ?>"
<?php echo $checked; ?>>
<?php echo $fetchk['kraj']; ?></option> <?php }
?>
<div class="rejestracja_naglowek">DANE DODATKOWE
</div> <div class="rejestracja_blok">Nazwa firmy:
<input type="text" name="nazwa_firmy" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok">NIP:
<input type="text" id="nip" name="nip" style="width: 250px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok" style="margin-right: 239px;">Subskrypcja:
<input type="checkbox" name="subskrypcja" value="1" style="width: 15px; height: 15px; border: solid 1px #000000; color: #6c6c6c;" /></div> <div class="rejestracja_blok" style="text-align: center; margin-top: 30px;"><input type="submit" value="Rejestracja" name="submit" style="width: 75px; height: 25px; background: #6c6c6c; border: solid 1px #000000; color: #E2E0E1;" /></div>
Oczywiście w nagłówku dokumentu znajduje się wpis:
<script language="javascript" type="text/javascript" src="js/register.js"></script>
A tutaj plik register.js:
function register() {
var registerResult = document.getElementById("registerResult");
var email = document.getElementById("email").value;
var haslo = document.getElementById("haslo").value;
var powtorzhaslo = document.getElementById("powtorzhaslo").value;
var imie = document.getElementById("imie").value;
var nazwisko = document.getElementById("nazwisko").value;
var telefon = document.getElementById("telefon").value;
var ulica = document.getElementById("ulica").value;
var dom = document.getElementById("dom").value;
var kod = document.getElementById("kod").value;
var miasto = document.getElementById("miasto").value;
var kraj = document.getElementById("kraj").value;
var nip = document.getElementById("nip").value;
var poprawnyemail = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
var poprawnykod = /^\d{2}\-\d{3}$/;
var poprawnynip = /^\(d{3}-\d{3}-\d{2}-\d{2})|(d{3}-\d{2}-\d{2}-\d{3}$/;
var sprawdzemail = poprawnyemail.test(email);
var sprawdzkod = poprawnykod.test(kod);
var sprawdznip = poprawnynip.test(nip);
if(!sprawdzemail) {
registerResult.innerHTML = "Adres e-mail jest nieprawidłowy!";
return false;
}
elseif(haslo == '') {
registerResult.innerHTML = "Nie podano hasła!";
return false;
}
elseif(powtorzhaslo == '') {
registerResult.innerHTML = "Nie powtórzono hasła!";
return false;
}
elseif(haslo != powtorzhaslo) {
registerResult.innerHTML = "Podane hasła różnią się od siebie!";
return false;
}
elseif(imie == '') {
registerResult.innerHTML = "Nie wpisano imienia!";
return false;
}
elseif(nazwisko == '') {
registerResult.innerHTML = "Nie wpisano nazwiska!";
return false;
}
elseif(telefon == '') {
registerResult.innerHTML = "Nie podano numeru telefonu!";
return false;
}
elseif(ulica == '') {
registerResult.innerHTML = "Nie podano nazwy ulicy!";
return false;
}
elseif(dom == '') {
registerResult.innerHTML = "Nie wpisano numeru domu!";
return false;
}
elseif(!sprawdzkod) {
registerResult.innerHTML = "Podany kod pocztowy jest nieprawidłowy!";
return false;
}
elseif(miasto == '') {
registerResult.innerHTML = "Nie podano nazwy miasta!";
return false;
}
elseif(kraj == '0') {
registerResult.innerHTML = "Nie wybrano kraju z listy!";
return false;
}
elseif(nip != '' && !sprawdznip) {
registerResult.innerHTML = "Podany NIP jest nieprawidłowy!";
return false;
}
else {
return true;
}
}
Gdzie jest błąd ?
)
więc bez urazy