Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.02.2017, 19:59
Интересующийся
Отправить личное сообщение для Oleg0 Посмотреть профиль Найти все сообщения от Oleg0
 
Регистрация: 07.04.2016
Сообщений: 28

Как заполнить textarea только если он пустой?
Привет всем!
Задам наверное очень глупый вопрос, поскольку я полный 0 к java.
У меня есть поле
<textarea cols="60" rows="15" name="comment" id="edit-comment"  class="form-textarea"></textarea>


И я хочу вставить в него текст-подсказку, типа "Введите тут комментарий."
Нашел тут https://jsfiddle.net/h5n7derg/ хороший скрипт. Написал так:

<script type="text/javascript">
(function($){
	$(function(){
  	var comment = $('#edit-comment');
   	var message = 'Введите тут комментарий.';
   	if (comment.val('')) {
  	comment.val(message);
  	}
    comment.one('focus', function(){comment.val('')});
  });
})(jQuery);
</script>


Всё чудесно работает, но, если при вводе комментария пользователь допустит какую-нибудь ошибку, типа не правильно введёт капчу и страница перезагрузится, то если раньше сохранялся текст комментария, то теперь введённый комментарий затирается текстом из скрипта (при этом, если посмотреть html-код страницы, то введённый текст есть в поле).

Как сделать так, чтобы скрипт проверял, заполнено ли поле, и если нет, то вставлял туда свой текст.

Порывшись в интернете я сделал так:

<script type="text/javascript">
if ($('#edit-comment').val('')) {
(function($){
	$(function(){
  	var comment = $('#edit-comment');
   	var message = '<?php print t('commm'); ?>';
   	if (comment.val('')) {
  	comment.val(message);
  	}
    comment.one('focus', function(){comment.val('')});
  });

})(jQuery);
};
</script>


Но, не работает.
Пожалуйста, напишите, как правильно это сделать.
Ответить с цитированием
  #2 (permalink)  
Старый 09.02.2017, 20:10
Интересующийся
Отправить личное сообщение для Oleg0 Посмотреть профиль Найти все сообщения от Oleg0
 
Регистрация: 07.04.2016
Сообщений: 28

Вот, вроде так заработало:


<script type="text/javascript">
if ($('#edit-comment').val() =='') {
(function($){
	$(function(){
  	var comment = $('#edit-comment');
   	var message = '<?php print t('commm'); ?>';
   	if (comment.val('')) {
  	comment.val(message);
  	}
    comment.one('focus', function(){comment.val('')});
  });
  
})(jQuery);
}
</script>


Но, буду признателен, если проверите. Вдруг я что-то не учёл тут.
Ответить с цитированием
  #3 (permalink)  
Старый 09.02.2017, 20:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,153

Oleg0,
<textarea cols="60" rows="15" name="comment" id="edit-comment"  class="form-textarea" placeholder="Введите тут комментарий"></textarea>
Ответить с цитированием
  #4 (permalink)  
Старый 09.02.2017, 23:22
Интересующийся
Отправить личное сообщение для Oleg0 Посмотреть профиль Найти все сообщения от Oleg0
 
Регистрация: 07.04.2016
Сообщений: 28

С placeholder, к сожалению, не получилось у меня сделать. Эта форма комментариев движком генерируется, и придется копаться в движке.
Ответить с цитированием
  #5 (permalink)  
Старый 09.02.2017, 23:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,153

Oleg0,
<!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.4/jquery.min.js"></script>
  <script>
$(function() {
$('#edit-comment').attr({'placeholder':'Введите тут комментарий'});
});
  </script>
</head>

<body>
<textarea cols="60" rows="15" name="comment" id="edit-comment"  class="form-textarea" ></textarea>

</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 10.02.2017, 09:45
Интересующийся
Отправить личное сообщение для Oleg0 Посмотреть профиль Найти все сообщения от Oleg0
 
Регистрация: 07.04.2016
Сообщений: 28

рони, Да, спасибо, так вроде лучше!
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как создать цитатник? WGN Общие вопросы Javascript 10 29.01.2017 01:39
Как добавлять класс к li если в div сlass = 1-5 zulyamodx Общие вопросы Javascript 5 02.11.2016 16:35
Как взять выделенный текст из textarea? fankiss Общие вопросы Javascript 5 13.02.2016 14:36
onclick только если onchange qwe88 Общие вопросы Javascript 9 18.04.2015 22:15
Мотоциклисты есть? l-liava-l Оффтопик 13 04.07.2014 13:35