Показать сообщение отдельно
  #1 (permalink)  
Старый 02.09.2016, 13:35
Новичок на форуме
Отправить личное сообщение для And__and Посмотреть профиль Найти все сообщения от And__and
 
Регистрация: 02.09.2016
Сообщений: 1

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

Есть вот такой код:
<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>
Ответить с цитированием