<script type="text/javascript">
function chek_form()
{
valid = true;
var chek_name = document.getElementById("comment_author").value;
var chek_text = document.getElementById("coment_text").value;
var chek_text_01 =  chek_text.trim();

if(chek_name.length<=0) 
 {
 $("#alert_zone_03").show(1000) ;
 valid = false; 
 }; 
if (chek_text_01.length<=2) 
 {
 $("#alert_zone_02").show(1000) ;
 valid = false; 
 };  
if (chek_text_01.length>500) 
 {
 $("#alert_zone_04").show(1000) ;
 valid = false; 
 }; 
return valid;
}
</script>

<div id="alert_msg">
<div align="center" id="alert_zone_03" >
<img src="http://не-дійсний-домен/best_1_1/close01.png" alt="закрити повідомлення" border="1" width="30px" height="30px" id="close_msg_03" >
<h3>Введіть ім'я! </h3>
</div>


<div align="center" id="alert_zone_02" >
<img src="http://не-дійсний-домен/best_1_1/close01.png" alt="закрити повідомлення" border="1" width="30px" height="30px" id="close_msg_02" >
<h3>Повідомлення закоротке! </h3>
</div>

<div align="center" id="alert_zone_04" >
<img src="http://не-дійсний-домен/best_1_1/close01.png" alt="закрити повідомлення" border="1" width="30px" height="30px" id="close_msg_02" >
<h3>Повідомлення занадто довге! </h3>
</div>

</div>

<form method="post" action="http:......form_chat.php" name="coment_form"  id="gb" onsubmit="return chek_form ();"  >
            <fieldset>
                
                <p><label for="name">Ім’я:<font color="red">*</font></label> <input  type="text" placeholder="" id="comment_author" name="name"></p>
                <p><p><label for="comment">Коментар:<font color="red">*</font></label></p>
                       <textarea cols="55"  rows="8" id="coment_text" name="comment"></textarea></p>
            
            <!--<fieldset>-->
                <input type="submit" value="Надіслати відгук" id="sbmBtn" name="sbmBtn">
                <input type="reset" value="Очистити поля">
            <!--</fieldset>-->
            </fieldset>
</form>