Работа с полем формы в JavaScript

@l@pteff · Регистрация: 03.11.2010

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

Привет всем! Ситуация такова: есть поле формы с ID "login" для ввода логина пользователя. При выводе поля из фокуса если пользователь вписал свой логин, рядом с ним должна появиться надпись "Hello, + логин" (всё в <span>, который изначально скрыт).

Вот код:

HTML5
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
<html>
<head>
 
<style>
.span_hide {display:none}
.span_show {display:inline}
</style>
 
<title> Проба</title>
 
</head>
<body>
 
<form action="../php/processorder.php" method="post" id="signup">
<br><br>      
     
     <label for="login" class="label"> Логин </label>
       <input name="login" type="text" value="Введите логин" id="login" size="36" class="required" title="Пожалуйста, введите ваш логин.">
      
<span id="hello" class="span_hide"> Hello, <span id="us_name"> </span></span>
      
</form>
 
<script type="text/javascript" src="../js/jquery.js"> </script>
<script type="text/javascript">
    $(function(){
        $('#login').blur(function(){
               if($('#login').val() !== ' '){
                                                         
                         var znach=$('login').val();           <!--переменная znach содержит вводенное имя-->
                      $('#us_name').append('znach');            
                    ('span').removeClass('span_hide');       <!--делаем текст в <span> видимым-->   
                    ('span').addClass('span_show'); 
            },
            }),
           
    });
    </script>
 
</body>
</html>

Может кто-то знает или догадывается в чём здесь косяк?

@lesha_firs · 17.11.2010, 08:42

JavaScript
1
2
3
4
5
6
7
8
9
10
11
 $(function(){
        $('#login').blur(function(){
               if($.trim($('#login').val()) != ''){
                                                         
                         var znach=$('#login').val();           <!--переменная znach содержит вводенное имя-->
                      $('#us_name').append(znach);   <---- без ""         
                    $('#hello').show(); 
            },
            }),
           
    });

так попробуй

Добавлено через 3 минуты
да и вообще проверь код там ошибок тона не !== а так != долоры позабывал! и много мелочей

@l@pteff · 18.11.2010, 11:48 **[ТС]**

Всё заработало! Правильный код выглядит так:

<script type="text/javascript" src="../js/jquery.js"> </script>
<script type="text/javascript">

$(function(){
$('#login').blur(function(){
if($('#login').val() !== ''){
var znach=$('#login').val();
$('#us_name').text(znach);
$('span').show();
}
});

});

</script>

Спасибо всем!!!

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@l@pteff 0 / 0 / 0 Регистрация: 03.11.2010 Сообщений: 24
	18.11.2010, 11:48 [ТС]
	Всё заработало! Правильный код выглядит так: <script type="text/javascript" src="../js/jquery.js"> </script> <script type="text/javascript"> $(function(){ $('#login').blur(function(){ if($('#login').val() !== ''){ var znach=$('#login').val(); $('#us_name').text(znach); $('span').show(); } }); }); </script> Спасибо всем!!! 0

Опции темы

Работа с полем формы в JavaScript

Решение