Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.07.2009, 17:15
Интересующийся
Отправить личное сообщение для Derack Посмотреть профиль Найти все сообщения от Derack
 
Регистрация: 11.07.2009
Сообщений: 18

Контроль ввода текста в форму
Как проверить ввод текста... я знаю что на события но как?
в принцепе я над этим работал и придумал как блокировать ввод текста при max длинне, но вот когда нажимаешь Ctrl+V эта идея гибнет , вводимый текст больше контроль следовательно никакой... если есть примеры плиз-хэлп...
Ответить с цитированием
  #2 (permalink)  
Старый 20.07.2009, 17:27
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

<input type="text" name="username" maxlength="40" />
Ответить с цитированием
  #3 (permalink)  
Старый 20.07.2009, 19:11
Интересующийся
Отправить личное сообщение для Derack Посмотреть профиль Найти все сообщения от Derack
 
Регистрация: 11.07.2009
Сообщений: 18

нет не это а textarea ... в формате text просто:write: :help:
нет не это а textarea ... в формате text просто
Ответить с цитированием
  #4 (permalink)  
Старый 21.07.2009, 01:44
Кандидат Javascript-наук
Отправить личное сообщение для `p r o x y Посмотреть профиль Найти все сообщения от `p r o x y
 
Регистрация: 04.05.2009
Сообщений: 105

попробуй на textarea-ю повесить onkeyup, onclick и onselect - при возникновении которых в функции проверять колличество введенного текста.

пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Test</title>
<script type="text/javascript">

var count = 10;

function check_limit(event){
	event = event || window.event;
    var t_obj = event.target || event.srcElement;
	var i_obj = document.getElementById('count_char');
	
	i_obj.innerText = 	'введенно: ' + t_obj.value.length +
						', осталось: ' + (count - t_obj.value.length >= 0 ? count - t_obj.value.length : 0) +
						', превышение: ' + (t_obj.value.length <= count ? 0 : t_obj.value.length - count);
}

function clear_text(){
	document.getElementById('test_textarea').value = '';
	document.getElementById('count_char').innerText = 	'введенно: 0, осталось: ' + count + ', превышение: 0';
}

</script>
</head>
<body>

<div id="count_char">введенно: 0, осталось: 10, превышение: 0</div>
<textarea name='test_textarea' onclick="check_limit()" onkeyup="check_limit()" style="width:400px; height:400px; border:1px solid #000"></textarea>
<br><input type="button" value="Очистить" onclick="clear_text()" />

</div>
</body>
</html>

Последний раз редактировалось `p r o x y, 21.07.2009 в 02:09.
Ответить с цитированием
  #5 (permalink)  
Старый 21.07.2009, 15:25
Интересующийся
Отправить личное сообщение для Derack Посмотреть профиль Найти все сообщения от Derack
 
Регистрация: 11.07.2009
Сообщений: 18

это хорошо, но ...
а как убирать текст когда например что то пишешь или вставляешь: например написал, вставил что то а в форме при этом(если кол-во символов больше) убирает превышающие символы...сам причем...
Ответить с цитированием
  #6 (permalink)  
Старый 22.07.2009, 02:32
Кандидат Javascript-наук
Отправить личное сообщение для `p r o x y Посмотреть профиль Найти все сообщения от `p r o x y
 
Регистрация: 04.05.2009
Сообщений: 105

Сообщение от Derack Посмотреть сообщение
а как убирать текст когда например что то пишешь или вставляешь: например написал, вставил что то а в форме при этом(если кол-во символов больше) убирает превышающие символы...сам причем...
пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Test</title>
<script type="text/javascript">

function check_limit(event){
	event = event || window.event;
    var t_obj = event.target || event.srcElement;
	var count = 10;
	if (t_obj.value.length > count) t_obj.value = t_obj.value.substring(0, 10);
}

</script>
</head>
<body>

<textarea name='test_textarea' onclick="check_limit()" onkeyup="check_limit()" style="width:400px; height:400px; border:1px solid #000"></textarea>
<br><input type="button" value="Очистить" onclick="document.getElementById('test_textarea').value = ''" />

</div>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 22.07.2009, 15:06
Интересующийся
Отправить личное сообщение для Derack Посмотреть профиль Найти все сообщения от Derack
 
Регистрация: 11.07.2009
Сообщений: 18

Спасибо большое!!!!!!!!!!!!!!
Аспирант ты спас мне жизнь как я могу тебя отблагодарить
Ответить с цитированием
  #8 (permalink)  
Старый 23.07.2009, 00:41
Кандидат Javascript-наук
Отправить личное сообщение для `p r o x y Посмотреть профиль Найти все сообщения от `p r o x y
 
Регистрация: 04.05.2009
Сообщений: 105

...что то у меня время не хватает, таааааааааак нужна маши время остонавливающая ... )
Ответить с цитированием
  #9 (permalink)  
Старый 23.07.2009, 14:25
Интересующийся
Отправить личное сообщение для Derack Посмотреть профиль Найти все сообщения от Derack
 
Регистрация: 11.07.2009
Сообщений: 18

увы) я еще не волшебник)...
увы) я еще не волшебник)...
Ответить с цитированием
  #10 (permalink)  
Старый 09.01.2011, 00:58
Аспирант
Отправить личное сообщение для Semen Посмотреть профиль Найти все сообщения от Semen
 
Регистрация: 28.07.2009
Сообщений: 67

Делаю "Контроль ввода текста в textarea" на js.
Необходимо, что бы функция контроля чувствовала enter - т.е. перевод текстовой строки.
Как это сделать (по человечески)?

На данный момент:
- подключаю onKeyUp;
- при нажатии кнопки, происходит запуск функции контроля ввода;
- нахожу длину строки с помощью .length - одно нажание это +1;
- но есть такая особенность: при нажатии на enter не +1 а +2 происходит!!! - Можно ли на этой особенности вставлять \n\r или это ненормально будет?
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставка текста с одной страницы в форму на другой странице Dima Общие вопросы Javascript 20 11.11.2016 09:33
Переход между окнами ввода при заполнении. Бушка Общие вопросы Javascript 4 25.03.2009 15:40
Вставка текста в форму SSDarold Общие вопросы Javascript 8 01.12.2008 15:08
Проверка ввода в форму greatilya Общие вопросы Javascript 8 23.09.2008 14:11
Форма для ввода текста с расширенными функциями 0x22b Элементы интерфейса 0 01.09.2008 10:38