Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Условие для текстареи (https://javascript.ru/forum/jquery/61688-uslovie-dlya-tekstarei.html)

rodiony4 02.03.2016 20:43

Условие для текстареи
 
Здравствуйте

Условие покажет скрытый див, если в текстарее набрать слово "тест" или "супер тест" или "проверка"
Подскажите, пожалуйста, как сделать, чтобы это условие срабатывало, если набирать вышеперечисленные слова в начале, середине или конце предложения.
<textarea id="gbtext"></textarea>
<div id="gb" style="display:none;">набраны слова: "тест" или "супер тест" или "проверка"</div>

<script type='text/javascript'> 
$("#gbtext").keyup(function() {
	if($(this).val() == "тест" || $(this).val() == "супер тест" || $(this).val() == "проверка") {
		$("#gb").show(300); 
	} else {
		$("#gb").hide(300);
	}
});
</script>

рони 02.03.2016 20:54

rodiony4,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script>
$(function(){
$("#gbtext").on("input" , function() {
		$("#gb").toggle(/тест|супер тест|проверка/.test(this.value));
});
  })
  </script>
</head>

<body>

<textarea id="gbtext"></textarea>


<div id="gb" style="display:none;">набраны слова: "тест" или "супер тест" или "проверка"</div>

</body>

</html>

rodiony4 02.03.2016 21:08

рони, большое спасибо!!

rodiony4 02.03.2016 21:51

rodiony4, еще один вопрос, поможете?
Как теперь указать toggle скорость отображения или скрытия? Так не получается
$("#gb").toggle(300, /тест|супер тест|проверка/.test(this.value));

рони 02.03.2016 22:48

rodiony4,
скорость в этом случае не предусмотрена, вернитесь к условию ...
$(function(){
$("#gbtext").on("input" , function() {
		$("#gb")[/тест|супер тест|проверка/.test(this.value) ? "show" : "hide"](300);
});
  })

rodiony4 02.03.2016 23:02

рони, спасибо!!!


Часовой пояс GMT +3, время: 00:17.