Почему-то не срабатывает метод show

@Mykola Balanov · Регистрация: 08.05.2013

Студворк — интернет-сервис помощи студентам

Код скрипта такой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 <script type="text/javascript">
    
    $(document).ready(function(){       // виконується після повного завантаженя сторінки
        $("#login").keyup(function(){   //при відпусканні клавіші у #login
            var login = $("#login").val();
            if(login != 0){
                 // поле логіну - не порожнє
                 console.log("ЛОГІН - НЕ ПОРОЖНІЙ");
                 if(isValidLogin(login)){
                     //valid
                     $("#validLogin").css({
                            "background-image": "url('img/ico/valid.png')"
                        })                     
                 }else{
                     // INVALID
                     $("#validEmail").css({
                            "background-image": "url('img/ico/inid.png')"
                        })
                 }
            }else{
                // поле логіну ПОРОЖНЄ
                console.log("ЛОГІН ПОРОЖНІЙ");
            }
                
        });
        $("#pas").keyup(function(){     //при відпусканні клавіші у #pas
            var pass = $("#pas").val();
            alert(pass);
        });
        $("#email").keyup(function(){   //при відпусканні клавіші у #email
            var email = $("#email").val();
            if(email != 0){             // Не порожнє?
                // перевірка валідності адреси
                    if(isValidEmailAddress(email)){
                        // адреса валідна
                        $("#validEmail").css({
                            "background-image": "url('img/ico/valid.png')"
                        })
                    } else {
                        // адреса НЕ валідна
                        $("#validEmail").css({
                            "background-image": "url('img/ico/invalid.png')"
                        })
                    }
                 // перевірка валідності адреси
            }else{                      // поле - порожнє
                $("#validEmail").css({
                    "background-image": "none" // значка ніякого немає
                })
            }
        });
        $("#login").focus(function(){
            $("#logininfo").show('drop', 800);
        })
    });                                 //  END
    
 
    
    function isValidEmailAddress(emailAddress) {    // Повертає правду, якщо адреса валідна; інакше - повертає похибку
         var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
         return pattern.test(emailAddress);
    };
    function isValidLogin(login){   // Повертає правду, якщо логін валідний; інакше - повертає похибку
        var pattern = new RegExp(/([a-z]{4}[a-z0-9_]{2, 8})/);
        return pattern.test(login);
    }

Код страницы (вернее формы на странице):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form name="Register" method="POST" action="index.php">
Ваш логин:
<div><input type="text" id="login" width="30"><span id="validLogin"></span></div>
<div class="loginfo"><span class="atention">Поле обязательно для заполнения!</span><br>Логин должен состоять из 4-8 латинских символов</div>
Ваш пароль:
<div><input type="password" id="pas" width="30"><span id="validPas"></span></div>
<div class="pasinfo"><span class="atention">Поле обязательно для заполнения!</span> <br>Пароль должен состоять из 6-8 ланиских символов и (или) цифр</div>
Ваш электронный адрес:
    <div><input type="text" id="email" width="30"><span id="validEmail"></span></div>
<div class="emailinfo"><span class="atention">Поле обязательно для заполнения!</span> <br>имя@имя.хоста</div>
<input type="submit" value="Зарегистрироваться" class="submit">
</form>

console.log - срабатывает. а вот

JavaScript
1
2
3
$("#validLogin").css({
                            "background-image": "url('img/ico/valid.png')"
                        })

не срабатывает
Уже битый час бьюсь и не могу разобраться. Помогите. пожалуста.

@vovandr · 30.08.2013, 11:45

Функция isValidLogin возвращает false. Вот и не выводится. Объясните смысл вашей регулярки для поля логин.

Добавлено через 6 минут
Паттерн с латинскими буквами и цифрами, который должен начинаться обязательно с буквы и шириной от 2 до 20 сиволов:

JavaScript
1
2
3
4
 function isValidLogin(login){   // Повертає правду, якщо логін валідний; інакше - повертає похибку
        var pattern = new RegExp(/^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$/);
        return pattern.test(login);
    }

@Mykola Balanov · 30.08.2013, 11:50 **[ТС]**

т.е. ошибка в регулярном выражении?
логин должен быть то 4 до 12 символов из латинских букв и цифр возможен один знак одчеркивания. Первый символ - обязательно - латинская буква..

@vovandr · 30.08.2013, 11:52

Так поправьте цифры на конце в коде, что я вам дал, в чем трабл?

@Mykola Balanov · 30.08.2013, 12:02 **[ТС]**

Сейчас попробую, НО ВСЕ_РАВНО там что_то не так, ЕСЛИ ФУНКЦИЯ ВОЗВРАЩАЕТ ЛОЖЬ - ТО ДОЛЖНО СРАБАТЫВАТЬ:

JavaScript
1
2
3
$("#validEmail").css({
                            "background-image": "url('img/ico/inlalid.png')"
                        })

А НИЧЕГО НЕ ПРОИСХОДИТ...
Только что проверил с исправленным патерном. Не зависимо от того ввожу ли я валидный или невалидный логин - ничего не появляется

@vovandr · 30.08.2013, 12:06

Сообщение от Mykola Balanov

Сейчас попробую, НО ВСЕ_РАВНО там что_то не так, ЕСЛИ ФУНКЦИЯ ВОЗВРАЩАЕТ ЛОЖЬ - ТО ДОЛЖНО СРАБАТЫВАТЬ:

JavaScript
1
2
3
$("#validEmail").css({
                            "background-image": "url('img/ico/inlalid.png')"
                        })

А НИЧЕГО НЕ ПРОИСХОДИТ...
Только что проверил с исправленным патерном. Не зависимо от того ввожу ли я валидный или невалидный логин - ничего не появляется

Это уже другая функция отвечает за это поле...я даже разбираться не стал что там в этой регулярке с мылом...одному вам должно быть это известно

@Mykola Balanov · 30.08.2013, 12:19 **[ТС]**

Я ошибочно сбросил не тот код. Код на самом деле такой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
if(isValidLogin(login)){
                     //valid
                     console.log("ЛОГІН - НЕ ПОРОЖНІЙ in IF");
                     $("#validLogin").css({
                            
                            "background-image": "url('img/ico/valid.png')"
                        })                     
                 }else{
                     // INVALID
                     console.log("ЛОГІН ПОРОЖНІЙ in IF");
                     $("#validLogin").css({
                         
                            "background-image": "url('img/ico/inlalid.png')"
                        })
                 }

Все-равно ничего не работает!
Причем в консоле соответствующие сообщения появляются (console.log("ЛОГІН - НЕ ПОРОЖНІЙ in IF") или console.log("ЛОГІН ПОРОЖНІЙ in IF")

@Soldado · 30.08.2013, 12:32

Чтобы определить нерабочий участок кода поменяйте не картинку фона, а цвет background-color

JavaScript
1
 $("#validLogin").css('background-color','red');

Проверьте путь к картинке может /img/ico/inlalid.png или ./img/ico/inlalid.png

@Mykola Balanov · 30.08.2013, 12:37 **[ТС]**

пути - правильные (для мыла - все нормально срабатывает), пути скопирывал оттуда, а, все-равно - НИЧЕГО не работает!

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Mykola Balanov 0 / 0 / 0 Регистрация: 08.05.2013 Сообщений: 94
	30.08.2013, 11:50 [ТС]
	т.е. ошибка в регулярном выражении? логин должен быть то 4 до 12 символов из латинских букв и цифр возможен один знак одчеркивания. Первый символ - обязательно - латинская буква.. 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	30.08.2013, 11:52
	Так поправьте цифры на конце в коде, что я вам дал, в чем трабл? 0

@Mykola Balanov 0 / 0 / 0 Регистрация: 08.05.2013 Сообщений: 94
	30.08.2013, 12:37 [ТС]
	пути - правильные (для мыла - все нормально срабатывает), пути скопирывал оттуда, а, все-равно - НИЧЕГО не работает! 0