Есть форма, которую проверяет javascript на правильность заполнения всех полей, и если хоть одно поле заполнено неправильно форма не должна отправляться. Помогите пожалуйста как это сделать.
Вот код формы
<form id="registrForm" name="form1" method="post" action="#" >
<table align="center">
<tr><td class="tdReg">Ваше имя:</td><td>
<input name="nameReg" id="nameReg" type="text" class="inputIN"/>
</td><td><div id="errorName" class="ronReg"> </div></td></tr>
<tr><td class="tdReg">Ваша фамилия:</td><td>
<input name="famReg" type="text" id="famReg" class="inputIN"/>
</td><td><div id="errorFam" class="ronReg"> </div></td></tr>
<tr><td class="tdReg">Ваш пол:</td><td>
<label>
<input type="radio" name="RadioGroup1" value="1" id="polUser1" />
М</label>
<label>
<input type="radio" name="RadioGroup1" value="2" id="polUser2" />
Ж</label>
</td><td><div id="errorPol" class="ronReg"> </div></tr>
<tr><td class="tdReg">E-mail:</td><td>
<input name="mailReg" type="text" id="mailReg" class="inputIN"/>
</td><td><div id="errorMail" class="ronReg"> </div></tr>
<tr><td class="tdReg">Пароль:</td><td>
<input type="password" name="pass" id="passReg" class="inputIN"/>
</td><td><div id="errorPass" class="ronReg"> </div></tr>
<tr><td class="tdReg">Повторите пароль:</td><td>
<input type="password" name="pass" id="passPovReg" class="inputIN"/>
</td><td><div id="errorPassPov" class="ronReg"> </div></tr>
</table>
<div id="bottomReg"><input type="image" src="img/regBut1.png" onmousedown="this.src='img/regBut3.png';" onmouseup="this.src='img/regBut2.png';" onmouseover="this.src='img/regBut2.png';" onmouseout="this.src='img/regBut1.png';" onclick="ProvReg();"/></div>
</form>
Вот код самого скрипта
// JavaScript Document
//Proverka name Start
function ProvReg() {
imya=document.getElementById('nameReg').value;
if (imya == '') {
document.getElementById('errorName').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Введите ваше имя"/>';
oshName='ваше имя ';
}
else {
if (/[!@#$%\^&*()-=\/"№?:;\[\]\}\{0-9+]/.test(imya)) {
document.getElementById('errorName').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Введите правильно ваше имя"/>';
oshName='ваше имя ';
}
else {
document.getElementById('errorName').innerHTML='<img src="img/galOk.png" width="25" height="20" alt="Имя введено правильно"/>';
oshName='';
}
}
fam=document.getElementById('famReg').value;
if (fam == '') {
document.getElementById('errorFam').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Введите вашу фамилию"/>';
oshFam='вашу фамилию ';
}
else {
if (/[!@#$%\^&*()-=\/"№?:;\[\]\}\{0-9+]/.test(fam)) {
document.getElementById('errorFam').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Введите правильно вашу фамилию"/>';
oshFam='вашу фамилию ';
}
else {
document.getElementById('errorFam').innerHTML='<img src="img/galOk.png" width="25" height="20" alt="Фамилия введена правильно"/>';
oshFam='';
}
}
pol_1=document.getElementById('polUser1').checked;
pol_2=document.getElementById('polUser2').checked;
if (pol_1 == true || pol_2 == true) {document.getElementById('errorPol').innerHTML='<img src="img/galOk.png" width="25" height="20" />';
oshPol='';
}
else {document.getElementById('errorPol').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Укажите ваш пол"/>';
oshPol='ваш пол ';
}
email=document.getElementById('mailReg').value;
if (/^([a-zA-Z0-9-_]+)\w*[@]([a-z]+)[.]([a-z]{2,4})$/.test(email)) {document.getElementById('errorMail').innerHTML='<img src="img/galOk.png" width="25" height="20"/>';
oshMail='';
}
else {document.getElementById('errorMail').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Укажите правильно ваш e-mail"/>';
oshMail='ваш e-mail ';
}
password=document.getElementById('passReg').value;
if (password == '') { document.getElementById('errorPass').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Укажите правильно ваш пароль"/>';
oshPass='ваш пароль ';
}
else { document.getElementById('errorPass').innerHTML='<img src="img/galOk.png" width="25" height="20"/>';
oshPass='';
}
passwordPovt=document.getElementById('passPovReg').value;
if (password == passwordPovt) {document.getElementById('errorPassPov').innerHTML='<img src="img/galOk.png" width="25" height="20"/>';
oshPassPov='';
}
else {document.getElementById('errorPassPov').innerHTML='<img src="img/galNot.png" width="25" height="20" alt="Пароли не совпадают"/>';
oshPassPov=' Ваши пароли не совпадают.';
}
if(oshName == '' && oshFam == '' && oshPol == '' && oshMail == '' && oshPass == '' && oshPassPov == '') {document.getElementById('oshFormReg').style.display='none';
}
else {
document.getElementById('oshFormReg').style.display='block';
document.getElementById('oshFormReg').innerHTML='Введите правильно ' + oshName + oshFam + oshPol + oshMail + oshPass + oshPassPov;
}
}
//Proverka name End