Здравствуйте, эта валидация меня убивает, не могу сообразить как закончить скрипт, чтоб при каждом новом клике по инпуту скрипт заного проходил валидацию.
<html>
<head>
</head>
<body>
<div id="name_error"></div><br>
<div id="tel_error"></div><br>
<div id="code_error"></div><br>
<br>
<input type="text" id="name" maxlength="30"><br>
<input type="text" id="tel" maxlength="10"><br>
<input type="text" id="code" maxlength="5"><br>
<br>
<input type="button" value="valiDate" onclick="valiDate();">
<script>
function valiDate() {
var name = document.getElementById('name');
var name_error = document.getElementById('name_error');
var tel = document.getElementById('tel');
var tel_error = document.getElementById('tel_error');
var code = document.getElementById('code');
var code_error = document.getElementById('code_error');
var num = /^[0-9]*$/;
var abc = /^[a-z A-Z]*$/;
if (name.value == ""){
name_error.innerHTML = 'Error name.';
//return;
}
if (abc.exec(name.value) == null) {
name_error.innerHTML = 'Error name.';
//return;
}
if (tel.value == ""){
tel_error.innerHTML = 'Error tel.';
//return;
}
if (num.exec(tel.value) == null) {
tel_error.innerHTML = 'Error tel.';
//return;
}
if (tel.value.length < 10){
tel_error.innerHTML = 'Error tel.';
//return;
}
if (code.value == ""){
code_error.innerHTML = 'Error code.';
//return;
}
if (code.value.length < 5){
code_error.innerHTML = 'Error code.';
//return;
}
return;
alert('ok');
}
</script>
</body>
</html>
Поля не заполняю кликаю на инпут, вылетают три ошибки, заполняю первое поля и кликаю на инпут опять, по задумке скрипт должен повторяться заного и первой ошибки уже быть не должно, а не чего не происходит, помогите плиз, таю уже, не въеду ?