JQuery AutoSearch водяных знаков

Question

Я использую плагин jquery wordFilter: http://people.apache.org/~gmonroe/wordFilter/index.html, который предоставляет функцию автоматического поиска, которая позволяет автоматически фильтровать список элементов на основе текста, введенного в поле text_.

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

Есть ли у кого-нибудь опыт использования текстового поля с автоматическим поиском с водяными знаками?

Answer 1

Я достиг этого эффекта довольно легко. Вместо того, чтобы сразу добавлять функцию автопоиска в поле, я добавил после того, как пользователь впервые щелкнул по полю.

Вот соответствующие фрагменты кода:

CSS: установить цвет водяного знака

.autoSearch {
    color: #999;
}  

HTML: дать текстовое поле классу автоматического поиска. Я использую атрибут searchclass для укажите поле поиска будет искать более

<input type="text" class="field autoSearch" searchclass="assign-filter" id="assign-search"/>

Javascript: снимите флажок и удалите класс autoSearch при нажатии. Добавить функцию автоматического поиска

$('.autoSearch').click(function() {
        $(this).val('');
        $(this).removeClass('autoSearch');
        $(this).autoSearch('.'+$(this).attr('searchclass')); 
    });

Answer 2

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

$('.autoSearch').focus(function() {
        $(this).val('');
        $(this).removeClass('autoSearch');
        $(this).autoSearch('.'+$(this).attr('searchclass')); 
    });