изменение значения ввода jQuery на mouseover

Question

Я хочу реализовать jquery/js в своих формах, и я хочу сделать динамические значения ввода. В принципе идея заключается в том, что после щелчка значение поля исчезает/размывается и jquery ожидает, что пользователь вставляет значение, если значение установлено, и оно не совпадает с , как и значение по умолчанию, тогда все в порядке. Но если значение, написанное пользователем, равно , тогда не принимайте и не выставляйте ошибку, иначе, если значение, «введенное» пользователем, пуст снова отображает значение по умолчанию. Я уверен, что это имеет смысл, поскольку я думаю, что видел эту функциональную реализацию во многих сайтах. Но я теперь парень jquery, поэтому я не знаю , как это сделать. Я могу сделать то же самое в php, но обновление страницы - это то, чего я хочу избежать. Так предполагая, что мы имеем:

<input type="text" value="City" /> 

Спасибо большое, Borni.

Answer 1

Как это here?

$(document).ready(function() { 

    $('input[class="foo"]').attr('value', $(this).attr('placeholder')).focus(function() { 
     if ($(this).val('placeholder')) { 
      $(this).attr('value', ''); 
     } 
    }).blur(function() { 
     if ($(this).val() == '') { 
      $(this).attr('value', $(this).attr('placeholder')) 
     } 
    }); 
}); 

EDIT:. Обновленный код и скрипку с предложениями, представленной Кристофером Рамиреса

Answer 2

То, что вы хотите, называется «заполнителем». Они реализованы в современном браузере, таком как Webkit и Mozilla. Я не уверен, что новые версии IE реализуют их.

Чтобы использовать их, объявите новый атрибут в своих input элементах, которые называются placeholder. Как это:

<input type="text" name="fullname" placeholder="Type your full name" /> 

В качестве резервного копирования, когда placeholder атрибут не поддерживается браузером, this arclicle может помочь получить, где вы хотите

UPDATE: This is a plugin Я только что нашел. Кажется простым в использовании.