как ограничить textarea

Angel_33_3 · July 30, 2010

В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?

Edited July 30, 2010 by Angel_33_3

psywalker · July 30, 2010

В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?

На JS можно.

npofopr · July 30, 2010

а погуглить?

Angel_33_3 · July 30, 2010

На JS можно.

а так чтобы без JS? а то я с JS не очень. или если через JS, то как, какой скрипт должен быть?

psywalker · July 30, 2010

если через JS, то как, какой скрипт должен быть?

По каждому действию в текстарии проверяется длина массива слов и если она превышает допустимую норму, то удалять этот элемент.

Angel_33_3 · July 30, 2010

По каждому действию в текстарии проверяется длина массива слов и если она превышает допустимую норму, то удалять этот элемент.

а сам скрипт или ссылку на скрипт не бросишь?

а погуглить?

а для чего такие форумы с соответствующими разделами?

Edited July 30, 2010 by Angel_33_3

rus · July 30, 2010

а для чего такие форумы с соответствующими разделами?

А для того, что бы таких как ты посылать в гугл. :rolleyes:

Edited July 30, 2010 by rus

psywalker · July 30, 2010

а сам скрипт или ссылку на скрипт не бросишь?

Скрипты пишем за деньги только и в соответствующем разделе.

Angel_33_3 · July 30, 2010

А для того, что бы таких как ты посылать в гугл.

Злой ты

psywalker · July 30, 2010

Злой ты

Не злой он, я его знаю, а правильный.

rus · July 30, 2010

Злой ты

я не злой, как сказал Хенекен Псай Волкер, я справидливый (по крайней мере стараюсь им быть).

ладно, лови:

textarea_maxlength.js

// TextArea MaxLength
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ 
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(theform,thelimit){
var limit_text='<em>Разрешается ввести не более <span id="'+theform.toString()+'" style="color: #888;">'+thelimit+'</span> символов в форму</em>'

if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="textarea_maxlength.js"></script>
</head>
<body>
<form id="formID" class="formular" method="post" action="#" name="limit">
<p align="center">
<textarea cols="40" rows="3" name="message"></textarea>
</p>
<p align="center"><script>displaylimit("document.limit.message",1000)</script></p>
<input class="submit" type="submit" value="Отправить"/>
</form>
</body>
</html>

psywalker · July 30, 2010

Рустамыч, а чё то код какойто огромный вышел. Много лишнего по-моему.

rus · July 30, 2010

Рустамыч, а чё то код какойто огромный вышел. Много лишнего по-моему.

он не просто ограничивает, он считает кол-во введенных символов и выдает их на страницу, типа сколько еще осталось.

Great Rash · July 30, 2010

Код то древний :rolleyes:

var ns6=document.getElementById&&!document.all

Это мы типа нетскейп шестой ищем?

psywalker · July 30, 2010

А вот я придумал покороче намного :rolleyes:

<form method="post" action="#" name="limit">
	<textarea cols="40" rows="3" name="message" id="area"></textarea>
</form>
<script type="text/javascript">
	var area = document.getElementById('area');
	area.onkeyup = function(){
		var text = area.value.length;
		if(text>=20)area.value = area.value.substring(0,19);
	}
</script>

Sign In

как ограничить textarea

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information