Проверьте, когда заполнен тип ввода текста - PullRequest
1 голос
/ 02 ноября 2011

У меня есть форма с типами ввода текста. Как это:

<input type="text" placeholder="Voornaam" class="required" title="Voornaam" id="ctl00_ContentPlaceHolder1_tbFirstName" maxlength="255" value="Mike" name="ctl00$ContentPlaceHolder1$tbFirstName">

Но теперь мой вопрос. Обычно текст является серым в текстовых полях. Но когда вы заполнили поле. Цвет должен быть черным. Как я могу проверить это с помощью JavaScript?

Спасибо

Ответы [ 5 ]

3 голосов
/ 02 ноября 2011

Я думаю, вы имели в виду, что нам нужно поле цвета только тогда, когда пользователь закончил писать .... Если да, тогда вам нужно использовать этот алгоритм:

$('#ctl00_ContentPlaceHolder1_tbFirstName').blur(function () {
    var self = $(this);
    if (self.val() != "") {
        self.css('color','black'); // Set black fore color
    }
    else {
        self.css('color','gray'); // Restore code
    }
});
2 голосов
/ 02 ноября 2011

Вы можете использовать функцию .change в jquery, чтобы изменить цвет на черный, когда пользователь вводит что-то и курсор выходит за пределы текстового поля.

Ex:

$("input[type='text']").change(function(){

    $(this).css('color', 'black');
});
0 голосов
/ 02 ноября 2011

Это правило будет применяться ко всем элементам с требуемым классом.

$('.required').blur(function () {
    if ($(this).val().trim().length == 0) 
        $(this).css('color','black');
    else 
        $(this).css('color','gray');
  });
0 голосов
/ 02 ноября 2011

Событие изменения срабатывает, если вы покидаете поле ввода (при размытии). Если вы хотите иметь мгновенную проверку, используйте событие keyup:

$('#ctl00_ContentPlaceHolder1_tbFirstName').bind('keyup', function(){
  if (someconditionistrue) $(this).css('color','black');
});

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

0 голосов
/ 02 ноября 2011
<input type="text" onblur="changeColor()" placeholder="Voornaam" 
 class="required" title="Voornaam" id="ctl00_ContentPlaceHolder1_tbFirstName" 
 maxlength="255" value="Mike" name="ctl00$ContentPlaceHolder1$tbFirstName">

определите вашу функцию changeColor (), которая изменит цвет текста в текстовом поле.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...