Mam formularz i skrypt JS, który sprawdza, czy wymagane pola są wypełnione czy nie (w tym drugim przypadku blokuje wysyłanie formularza do serwera). Niestety zupełnie nie wiedzieć dlaczego po wpisaniu dowolnej wartości w polu "imię" skrypt kończy pracę i wysyła formularz, nawet w przypadku gdy pozostałe pola nie są wypełnione, w innym przypadku zaś o dziwo działa poprawnie. Co tu może być nie tak? Dodam, ze próbowałem kombinować z jednym zbiorowym warunkiem ("||") ale efekt też był ten sam...
Skrypt:
<script TYPE="text/javascript"> <!-- function empty_check() { var form_data = document.forms["contact"]; if (form_data.username.value == "") { alert("Aby wysłać wiadomość musisz wypełnić wszystkie pola formularza!"); return false; } if (form_data.e-mail.value == "") { alert("Aby wysłać wiadomość musisz wypełnić wszystkie pola formularza!"); return false; } if (form_data.subject.value == "") { alert("Aby wysłać wiadomość musisz wypełnić wszystkie pola formularza!"); return false; } if (form_data.text.value == "") { alert("Aby wysłać wiadomość musisz wypełnić wszystkie pola formularza!"); return false; } alert("Aby wysłać wiadomość musisz wypełnić wszystkie pola formularza!"); return false; return true; } //--> </SCRIPT>
Formularz:
<FORM NAME="contact" ACTION="send.php" METHOD="post"> <TABLE CELLSPACING="5" CELLPADDING="0" STYLE="border: 1px solid #AEAEAE;"> <TR> <TD ALIGN="left"> </TD> <TD ALIGN="left"> <INPUT TYPE="text" NAME="username" VALUE=""> </TD> </TR> <TR> <TD ALIGN="left"> </TD> <TD ALIGN="left"> <INPUT TYPE="text" NAME="e-mail" VALUE=""> </TD> </TR> <TR> <TD ALIGN="left"> </TD> <TD ALIGN="left"> </SELECT> </TD> </TR> <TR> <TD ALIGN="left"> </TD> <TD ALIGN="left"> </TD> </TR> <TR> </TD> </TR> <TR> <TD COLSPAN="2" ALIGN="center"> <INPUT TYPE="submit" NAME="button" VALUE="Wyślij wiadomość" onclick="return empty_check()"> </TD> </TR> </TABLE> </FORM>