VPF::Бордюр текстового поля. - Форум программистов

NightmareZ

Дата 25.7.2007, 11:03 (ссылка)

(нет голосов)

Загрузка ...

[хакер]

Профиль
Группа: Участник
Сообщений: 699
Регистрация: 10.8.2006

Репутация: нет
Всего: 13

Код


function testField(field, reg)
{
    var x = document.getElementById(field);

    if (reg.test(x.value)) {
     x.style.borderColor = 'green';
     return true;
    } else {
     x.style.borderColor = 'red';
     return false;
    }
}

function testLogin()
/**
 * Проверяет допустимость введённого логина.
 */
{
    return testField('login', /^[a-zA-ZА-Яа-я_ ]{1}[0-9a-zA-ZА-Яа-я ]{0,29}$/);
}

Почему данный код некорректно работает в Опере (не подсвечивается поле ввода)? В огнелисе и эксплорере всё нормально.

--------------------

NightmareZ.net - мой блог и сайт, мои проекты и прочий трэш
Ely-Art.ru - наша маленькая домашняя арт-студия
mugcraft.ru - кружки на любой вкус

SelenIT

Дата 25.7.2007, 11:12 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401

NightmareZ, а как изначально стиль для этого инпута задан? У меня в Опере 9.21 Ваш пример работает (с изначальным стилем border: 2px solid #888;)...

Это сообщение отредактировал(а) SelenIT - 25.7.2007, 11:13

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

NightmareZ

Дата 25.7.2007, 11:15 (ссылка)

(нет голосов)

Загрузка ...

[хакер]

Профиль
Группа: Участник
Сообщений: 699
Регистрация: 10.8.2006

Репутация: нет
Всего: 13

Цитата(SelenIT @ 25.7.2007, 11:12)

NightmareZ, а как изначально стиль для этого инпута задан? У меня в Опере 9.21 Ваш пример работает (с изначальным стилем border: 2px solid #888;)...

Изначально никак не задан.
Ну, вот, например, весь код странички:

Код


<script>
function testField(field, reg)
{
    var x = document.getElementById(field);

    if (reg.test(x.value)) {
     x.style.borderColor = 'green';
     return true;
    } else {
     x.style.borderColor = 'red';
     return false;
    }
}

function testLogin()
/**
 * Проверяет допустимость введённого логина.
 */
{
    return testField('login', /^[a-zA-ZА-Яа-я_ ]{1}[0-9a-zA-ZА-Яа-я ]{0,29}$/);

}
</script>

<input id="login" onkeyup="testLogin();">

--------------------

SelenIT

Дата 25.7.2007, 11:23 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401

Да, если изначально стиль не задавать, то дефолтный "оперный" стиль бордюра инпута не меняется. Хотя backgroundColor в той же ситуации меняется... В общем, имхо, выход - изначально прописывать стиль бордюра, заодно и браузерные различия в отображении уменьшатся. Или менять CSS-классы...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

NightmareZ

Дата 25.7.2007, 11:26 (ссылка)

(нет голосов)

Загрузка ...

[хакер]

Профиль
Группа: Участник
Сообщений: 699
Регистрация: 10.8.2006

Репутация: нет
Всего: 13

Понятно. Спасибо.

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »