Валидация textarea - убрать красный фон при верно введенном значении

@Egor.S · Регистрация: 02.10.2011

Author24 — интернет-сервис помощи студентам

Есть поле и кнопка, после нажатия на кнопку, если поле пустое, то оно становиться красным. А как сделать так, чтобы поле стало нормальным, если туда ввели хоть 1 символ?

@Vladislav WebDev · 05.06.2014, 06:28

Egor.S, типа того http://jsbin.com/jetofako/1/

HTML5

1 2	<textarea name="" id="" cols="30" rows="10"></textarea> <button>click me</button>

Javascript

$("button").on("click", function() {
  if(!$("textarea").val()) {
    $("textarea").css('background', 'red');
  } else {
    $("textarea").css('background', '#fff');
  }
})

mihalken · 05.06.2014, 09:55

Сообщение от Suby

типа того

Печатать после ошибки в красном поле как-то не айс. Остается чувство, что ты пишешь все равно не правильно. Предлагаю добавить что-то в этом роде:

Javascript

$("textarea").bind('change keyup paste', function(){
    if( $(this).val() ) {
      $("textarea").css('background', '#fff');
    } else {
      $("textarea").css('background', 'red');
    }
  });

Добавлено через 2 минуты
Ну или хотя бы не фон красить, а только рамку.

Javascript

1 2	$("textarea").css('border-color', '#fff'); // по умолчанию $("textarea").css('border-color', 'red'); // красным

Добавлено через 3 минуты
Ага, и фокусить его...

Javascript

1
2
3

$("textarea").focus();
// с ретурном лжи в событии
return false;

Там можно и скрол запилить к этому полю, чтоб аж носом тыкнуть.

P.S. Что-то нахлынуло написать. Не судите строго, только предложил идею.

@Egor.S 215 / 180 / 79 Регистрация: 02.10.2011 Сообщений: 651
		1
	Валидация textarea - убрать красный фон при верно введенном значении 04.06.2014, 22:56. Показов 1446. Ответов 2 Метки нет (Все метки) Есть поле и кнопка, после нажатия на кнопку, если поле пустое, то оно становиться красным. А как сделать так, чтобы поле стало нормальным, если туда ввели хоть 1 символ? 0

	05.06.2014, 09:55

Опции темы

Валидация textarea - убрать красный фон при верно введенном значении

Решение