Очистить поле ввода при щелчке с помощью JQuery

У меня есть простой код, который я пытаюсь вставить на свой сайт, чтобы очистить текстовое поле со значением по умолчанию, когда пользователь нажимает на него, значение по умолчанию должно очищаться, чтобы пользователь может ввести свое значение. Вот что у меня есть, но я не уверен, правильно ли он с тех пор, как он не работает. Я только начал на JQueryОчистить поле ввода при щелчке с помощью JQuery

$(document).ready(function() 
    { 
     $('#startDateBox').click(function() 
     { 
      if(('#startDateBox')=='Beginning') 

      { 
      $('#startDateBox').val(''); 
      } 

     }) 
    });

источник

2013-03-11 Tuan Nguyen

Можете ли вы определить, что «не работает»? –

Ну, 'if (('# startDateBox') == 'Beginning')' будет * always * быть false ... – Chad

Когда я его отлаживаю, когда я нажимаю в поле, он не очищает значение по умолчанию , который является словом «Начало». Я чувствую, что у меня что-то отсутствует в моем коде –

Вы пропустили первые .val() и $ перед ('#startDateBox') на той же строке. Вы также можете использовать $(this) для ссылки на текстовое поле, так как внутри этой функции this относится к самому элементу DOM текстового поля. Обертка с помощью функции jQuery $() дает вам доступ ко всем преимуществам фреймворка.

$(document).ready(function() 
{ 
    $('#startDateBox').click(function(){ 
     if($(this).val() == 'Beginning') 
       ^^^^^^ Here 
     { 
      $(this).val(''); 
     } 
    }) 
});

источник

2013-03-11 18:46:38 BinaryTox1n

и отсутствует '' 'в этой строке –

@IswantoSan правильно, спасибо – BinaryTox1n

Вы ошибаетесь в этой части:

if(('#startDateBox')=='Beginning')

Во-первых, отсутствует $. Во-вторых, я думаю, вы хотите сравнить значение startDateBox, а затем использовать val().

Попробуйте это:

$(document).ready(function() 
    { 
     $('#startDateBox').click(function() 
     { 
      if($('#startDateBox').val()=='Beginning') 
      { 
      $('#startDateBox').val(''); 
      } 
     }) 
    });

источник

2013-03-11 18:46:12

Я хотел бы предложить для HTML5 браузеров используют этот

<input type="text" id="Beginning" placeholder="Beginning" /> 

if($('#startDateBox').val() =='Beginning')

это линия, которая должна быть изменена

также

 $('#startDateBox').on("focus", function() 
     { 
      // code here

щелчок будет не обрабатывайте удары, пока это текстовое поле не сфокусировано

источник

2013-03-11 18:46:19

Отсутствует '' 'тоже. –

исправлено, атрибут placeholder обрабатывает все это для вас, а также в новых браузерах –

Ну if(('#startDateBox')=='Beginning') будет всегда быть ложным ...

Я думаю, что вы имели в виду что-то подобное:

if($('#startDateBox').val() == 'Beginning')

источник

2013-03-11 18:46:49 Chad

Я написал очень маленький JQuery плагин для этой цели в последнее время:

https://gist.github.com/rmcvey/5136582

$('#input').placeholder("Placeholder Text"); 

if($('#input').val() === $('#input').placeholder()){ return false; }

источник

2013-03-11 18:50:53

Очистить поле ввода при щелчке с помощью JQuery

ответ

Смежные вопросы