Здравствуйте! У меня есть поле, в которое пользователем записывается его имя. У меня есть постоянное выражение, которое проверяет поля на ввод только русских букв. Теперь к проблеме. Если после ошибочного ввода пользователь вводит все правильно потом переходит на другое поле то, а потом нажимает на это поле, то все что там написано сбрасывается. а мне это не надо.

вот код:
<form >
<b>Ваше имя:</b><br>
<input type="text" name="client" size="20" class="client"><br>

<b>Ваш номер телефона:</b><br>
<input type="text" name="phone" class="phone"><br>


<script>
$(document).ready(function(){
var suc=0;

$(".phone").change(function () {
var sac=0;
var re = /^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$/;
var myPhone = $(".phone").val();
var valid = re.test(myPhone);
if (!valid || $(".phone").val().length>11 || $(".phone").val().length<11) {$(".phone").val('Номер введен неправильно!');
$(".phone").css({"color":"red","box-shadow":" inset 0px 0px 14px red"});
sac=1;
phoneclear(sac);
sac=0;}

});
$(".client").change(function () {

var re = /^[а-яА-ЯёЁ]+$/;
var myName = $(".client").val();
var valid = re.test(myName);
if (!valid ) {$(".client").val('Имя введено некорректно!');
$(".client").css({"color":"red","box-shadow":" inset 0px 0px 14px red"});
suc=1;
nameclear(suc);
suc=0;}


});

function nameclear(elclin){
$(".client").click( function () {
if (elclin==1){
$(".client").val('').css({"color":"black","box-shadow":" inset 0px 0px 14px green"}); } });

console.log(elclin);
}
function phoneclear(elph){
if (elph==1){$(".phone").click( function () {$(".phone").val('');$(".phone").css({"color":"black","box-shadow":" inset 0px 0px 14px green"}); }); }

}

});

Подскажите в чем ошибка? Или как это сделать по-другому?