Как вывести ошибки в форме?

Question

[Александр Коновалов]

Здравствуйте! Есть форма:

<form action="#" method="post" id="cForm2">
					   <div class="input" id="cor5">
                       <p>Имя</p>
                       <input value="" id="posName" type="text" />
                       </div>
                       
                       <div class="input" id="cor5">
                       <p>Email</p>
                       <input value="" id="posEmail" type="text" />
                       </div>
                       
                       <div class="input" id="cor5">
                       <p>Телефон</p>
                       <input value="" id="posTel" type="text"/>
                       </div>
                       
                       <div class="textarea" id="cor5">
                       <p>Сообщение</p>
                       <textarea id="posText"></textarea>
                       </div>
                       
                       <button type="button" id="send">Отправить</button>
                    
                    </form>

Форма выводит ошибки заполнения в отдельном блоке:

//Проверка правильность имени    
if(!$posName || strlen($posName)>100 || strlen($posName)<3) {
$log.="<li>Неправильно заполнено поле \"Ваше имя\"!</li>"; $error="yes"; }

echo "<ul style='list-style: none; font-size: 11px; color:#000; border:1px solid #c00; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; padding:5px; margin:20px;'>".$log."</ul>";

Как вывести эти ошибки около форм? Например, чтобы форма подсвечивалась красным цветом в случае ошибки?

Answer 1

[Дмитрий]

Вот так например
https://bitsofco.de/form-validation-techniques/