Проверка формы
Добрый день!
Подскажите пожалуйста, как проверить все поля формы, чтобы ошибка высвечивалась снизу незаполненного инпута?
Есть вот такой код:
<form onsubmit="return myForm()" id="testForm">
<div>
<label for="firstName">First name</label>
<input type="text" id="firstName"/>
<div id='err_fio' class='error'></div>
</div>
<div>
<label for="lastName">Last name</label>
<input type="text" id="lastName"/>
<div id='err_fio' class='error'></div>
</div>
<div>
<label for="email">Email</label>
<input type="text" id="email"/>
<div id='err_fio' class='error'></div>
</div>
<button type="submit">Send</button>
</form>
<script>
function myForm () {
if (document.getElementById('firstName').value=='') {
document.getElementById('err_fio').innerHTML='По ле не заполнено';
return false;
};
return true;
}
</script>
|