Проверка формы
 

Добрый день!
Подскажите пожалуйста, как проверить все поля формы, чтобы ошибка высвечивалась снизу незаполненного инпута?

Есть вот такой код:
<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>

And__and,
Для начала:
прочтите это

document.getElementById('err_fio').innerHTML='По ле не заполнено';

и подумайте, в какой div запишется текст?


http://htmlbook.ru/html/attr/id

Может будет достаточно required?

<form onsubmit="return myForm()" id="testForm">
<div>
<label for="firstName">First name</label>
<input type="text" id="firstName" required/>
<div id='err_fio1' class='error'></div>
</div>

<div>
<label for="lastName">Last name</label>
<input type="text" id="lastName" required/>
<div id='err_fio2' class='error'></div>
</div>

<div>
<label for="email">Email</label>
<input type="text" id="email" required/>
<div id='err_fio3' class='error'></div>
</div>

<button type="submit">Send</button>
</form>

Manyasha,
Ну, по крайней мере, есть еще

<input type='email'

Тип не задает условия заполнения поля. И данный тип совсем не означает проверки корректности ввода.

laimas,
Может, и не полный контроль, но все-таки

<form>
   <input type='email' required>
   <input type="submit" value="Test" />
</form>

Можно еще и pattern...
А ТС молчит.