Здравствуйте, я создал форму, составил код, но он (код) работает не полностью как я хочу. Я по-порядку опишу проблему:
1) Проверка логина:
$('.reg_form #inptext:first').bind('keydown',verifLog); // привязал обработчик
//Сама функция
function verifLog() {
var data = $('.reg_form #inptext:first').val();
if(data != '' | data.lenght > 2) {
$('#logginValid').attr('value','loggintrue');
$('.reg_form #inptext:first').css('border','1px solid #77FF70');
} else {
$('#logginValid').attr('value','logginfalse');
$('.reg_form #inptext:first').css('border','1px solid red');
}
}
Проблема: Если ввести больше 2х символов, то это значить что вы ввели правильно, но когда я ввожу больше 2х символов, а потом стираю (Backspace) до 1го символа, то идет "правильная" подсветка. Что не так в коде ? На видео показан процесс -
Видео
2) Проверка e-mail
$('.reg_form #inptext:eq(1)').bind('keydown',verifEmail);
function verifEmail() {
var data = $('.reg_form #inptext:eq(1)').val();
var test_email = data.match(/^\w+([.\+\-]\w+)*@\w+([.\-]\w+)+$/); // делаем подстановку
if(test_email) {
$('#logginValid').attr('value','emailtrue');
$('.reg_form #inptext:eq(1)').css('border','1px solid #77FF70');
} else {
$('#logginValid').attr('value','emailfalse');
$('.reg_form #inptext:eq(1)').css('border','1px solid red');
}
}
Проблема: проблема в том что если выбирать имейл из списка или copy/past имейл, то код "показывет", что имейл не правильный !
Видео
I часть проблема описана
Помогите !!!