[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Работа с полем формы в JavaScript
l@pteff
Привет всем! Ситуация такова: есть поле формы с ID "login" для ввода логина пользователя. При выводе поля из фокуса если пользователь вписал свой логин, рядом с ним должна появиться надпись "Hello, + логин" (всё в <span>, который изначально скрыт).

Вот код:

<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>


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



Спустя 46 минут, 46 секунд (16.11.2010 - 15:03) Michael написал(а):
1)
var znach=$('login').val();           
$('#us_name').append(znach);


2)
$('span').show();

Спустя 15 минут, 51 секунда (16.11.2010 - 15:19) l@pteff написал(а):
увы, результат тот же, почему-то не работает функция blur()

Спустя 54 минуты, 59 секунд (16.11.2010 - 16:14) Michael написал(а):
Опечаток у тебя много. Вот гляди поисправлял:
http://www.jsfiddle.net/8tEyF/

Спустя 30 минут, 28 секунд (16.11.2010 - 16:44) l@pteff написал(а):
супер!!! работает как часы, огромное спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.