У меня есть такая форма:
<form action="../handlers/user_registration.php" method="post" name="registerForm" onsubmit="return validateRegistration()">
<div id="inputContainer">
<input type="text" id="userFirstName" class="inputField" name="fName" placeholder="Имя" />
<input type="text" id="userLastName" class="inputField" name="lName" placeholder="Фамилия" />
<input type="text" id="userLogin" class="inputField" name="login" placeholder="Логин" />
<input type="text" id="userMail" class="inputField" name="emailAddr" placeholder="Электронная почта" />
<input type="password" id="userPass" class="inputField" name="userPassword" placeholder="Пароль" />
</div>
<div id="bottomSection">
<a href="login.php" id="loginLink">Войти</a>
<a href="reset.php" id="resetLink">Забыли пароль</a>
</div>
<div id="submitSection">
<input type="submit" id="registerBtn" value="Зарегистрироваться" />
</div>
</form>
И у меня есть такой JavaScript код для проверки пустых полей:
function validateRegistration() {
var fName = document.forms["registerForm"]["fName"].value;
var lName = document.forms["registerForm"]["lName"].value;
var login = document.forms["registerForm"]["login"].value;
var emailAddr = document.forms["registerForm"]["emailAddr"].value;
var userPassword = document.forms["registerForm"]["userPassword"].value;
if (fName == null || fName == "" || lName == null || lName == "" || login == null || login == "" || emailAddr == null || emailAddr == "" || userPassword == null || userPassword == "") {
alert("Пожалуйста, заполните все поля формы");
return false;
}
}
Ничего не происходит и форма сразу отправляется к PHP скрипту. Как это исправить?