2013-07-21 2 views
0

Привет, у меня есть текстовое поле, которое «вводит имя ур» при загрузке. Когда вы фокусируетесь на нем, он становится пустым, и если я ничего не наберу, а размытие, оно снова изменится на «Enter ur name». Это работает отлично много раз. Но проблема в том, что если я сосредоточусь и что-то нахожу, а затем удаляю символы, текстовое поле пуст. Но что касается моей логики, если текстовое поле пуст, оно должно «ввести» ваше имя. JQUERY вот мой код. Pls предлагает что-то.Функция размытия JQuery не работает во второй раз

$(document).ready(function(){ 
    var name='Enter the name'; 
    $('input[type="text"]').attr('value',name).focus(function(){ 
      if($(this).val() == name){ 
       $(this).attr('value',''); 
      } 
    }).blur(function(){ 
      if($(this).val() == ''){ 
       $(this).attr('value',name); 
      } 
    }) 
    }); 
+2

Я бы сказал, что вы должны заменить '.attr («значение», имя)' 'с .val (имя)' – techfoobar

+2

Вы должны рассмотреть возможность использования атрибута заполнителем вместо этого. – karim79

+0

Что сказал @ karim79 ... у вас есть код для совместимости кроссбраузеров: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html – thmshd

ответ

0

Попробуйте это. Он отлично работает .....

$(document).ready(function(){ 
    var msg= 'Enter email.....'; 
    $('input[type="email"]').attr('value',msg).focus(function(){ 
      if($(this).val()==msg){ 
        $(this).val(''); 

      } 

    }).blur(function(){ 

      if($(this).val()==''){ 
      //alert($(this).val()); 
        $(this).val(msg); 

      } 


    }); 

}); 
Смежные вопросы