[laimas]

<style>
input {
    border: 1px solid #ddd;
}
</style>

<form action="" method="post" class="form_search" oninput="SearchHuman(this.elements)">
                <div class="name_form">
                    <div id="name_err"></div>
                    <i><label class="wrap_name">Имя:</label></i>
                    <input data-err="Введите имя!" type="text" name="name" placeholder="Имя ученика">
                </div>
                <div class="surname_form">
                    <div id="surname_err"></div>
                    <i><label class="wrap_name">Фамилия:</label></i>
                    <input data-err="Введите Фамилию!" type="text" name="surname" placeholder="Фамилия ученика">
                </div>
                <div class="find_form">
                    <i><label class="wrap_name">Найти:</label></i>
                    <input type="submit" name="find" value="Найти">
                </div>
 
            </form>


<script>
function SearchHuman(elm){
    for(var i=0; i<elm.length-1; i++) {
        if(!elm[i].value.trim()) {
            document.getElementById(elm[i].name+'_err').textContent = elm[i].getAttribute('data-err');
            elm[i].style.borderColor = '#f00';
        } else {
            document.getElementById(elm[i].name+'_err').textContent = '';
            elm[i].style.borderColor = '#ddd';
        } 
    } 
}
</script>

<input type = "submit" name = "find" value = "Найти"> - это расточительство, а поля в тегах I бессмыслица.