проверка полей на ввод значений пользователем

<script language="JavaScript" src="js_comments.js"> </script>
<center>
<div id="coments">
<div class="top">
<img id="addcomentbutton"  onclick="toggle('addcoment'); location.href='#addcoment';" src="https://www.cyberforum.ru/images/add_coment.png"/>
</div>
<div id="addcoment" class="addcoment" style="display:none;">
<form name="comment" id="comment">
<div id="statusbox"></div>
<input id="name" type="text" name="name" value="Введите ваши имя" maxlength="60" onfocus="clearText(this)" onblur="clearText(this)" required="true"/>
<input id="mail" type="text" name="mail" value="Введите ваш e-mail" maxlength="60" onfocus="clearText(this)" onblur="clearText(this)"/>
<textarea id="text" name="text" onfocus="clearText(this)" onblur="clearText(this)"></textarea>
<span>
<br/><input id="nr" onclick="document.getElementById('nr').value='nerobot';" type="checkbox" name="nr"/> Я не робот...
<b></b>
</span>
<img class="button_add" src="https://www.cyberforum.ru/images/button_add.png" onclick='ajax({
url:"add_comment.php?id_article=<? echo $id?>",
statbox:"statusbox",
method:"POST",
data:
    {
       name:document.getElementById("name").value,
       mail:document.getElementById("mail").value,
       text:document.getElementById("text").value,
       nr:document.getElementById("nr").value,
    },
success:function(data){document.getElementById("statusbox").innerHTML=data;
$("#name").val("Введите ваше имя:").focus();
$("#mail").val("Введите ваше email:").focus();}
});'
/>
</form>
</div>
<?php
    include("show_comments.php");
    show_comments(1);
?>
</div>
</center>