Maxlength di una textarea

**matpirata** · 17-12-2004, 16:55

Non esiste il maxlength nella textarea??

**zarigo** · 17-12-2004, 16:59

no penso non sia possibile....
in alternativa utilizzi una funzione javascript che limita il testo...

codice:

<script language = "javascript">

function LimitaTesto(campo){
var max; //Numero di caratteri max
max = 300;
if (campo.length > max-1) 
event.returnValue=false;
}
</script>

<textarea name="testo" cols="10" rows="3" onkeypress="LimitaTesto(document.testo.value)"></textarea>

**matpirata** · 17-12-2004, 17:01

oki grazie

**zarigo** · 17-12-2004, 17:05

purtroppo non so se funziona....

ma questa sono sicuro di si

codice:

<script language="JavaScript" type="text/javascript">
	function conta(val) 
	{
	max=100
        if (val.testo.value.length > max) {
	        val.testo.value = val.testo.value.substring(0,max)
		rest = 0
        } 
	else {
		rest = max - val.testo.value.length
		}
        val.num.value = rest
 }

</SCRIPT>

<form name="form">
<textarea name="testo" rows="4" cols="30" wrap="soft" onKeyUp="conta(this.form)"></textarea>
  <input value="100" size="3" name="num" disabled>
</form>

**Neo996sps** · 04-06-2009, 16:50

ciao a tutti,

rispolvero questo post perchè purtroppo il codice non mi funziona. Posto la mia pagina per verificare il codice:

codice:

<?php
session_start();
require("./../conf/dbconf.inc.php");
dbConnect();
$res = mysql_query( "SELECT utenti_accesso.id FROM utenti_accesso, log_accessi WHERE utenti_accesso.id = log_accessi.id_utenti_accesso AND log_accessi.session_id = '".session_id()."';" );
if (mysql_num_rows($res) > 0) {
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title>Area riservata - test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="robots" content="nofollow, noindex, noarchive" />
<style type="text/css" media="screen">
	@import "./../css/stile.css";
</style>
<style type="text/css" media="screen">
	@import "./css/stile.css";
</style>
<link rel="stilesheet" type="text/css" href="./../css/stile.css" media="screen" />
<link rel="stilesheet" type="text/css" href="./css/stile.css" media="screen" />
<script language="JavaScript" type="text/javascript">
	function conta(val) 
	{
	max=100
        if (val.testo.value.length > max) {
	        val.testo.value = val.testo.value.substring(0,max)
		rest = 0
        } 
	else {
		rest = max - val.testo.value.length
		}
        val.num.value = rest
 }

</SCRIPT>

<script language="javascript" type="text/javascript">
<!-- 
function contr() {
	ctrl = "";
	if (document.new_inserisci.elements["oggetto"].value == "") {
		ctrl = "ATTENZIONE: inserire un oggetto";
	}
	if (document.new_inserisci.elements["data1"].value == "") {
		ctrl = "ATTENZIONE: inserire una data";
	}
	if (ctrl != "") {
		alert (ctrl);
	} else {
		document.new_inserisci.submit();
	}
}
//-->
</script>

<script type="text/javascript" src="./tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
		// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

		// Theme options
		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,cut,copy,paste,pastetext,pasteword,bullist,numlist,outdent,indent",
    theme_advanced_buttons2 : "styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons3 : "replace,bullist,numlist,outdent,indent,blockquote,undo,redo,link,unlink,anchor,image,cleanup,code,insertdate,inserttime,",
    theme_advanced_buttons4 : "tablecontrols,hr,removeformat,visualaid,",

    theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
		content_css : "css/content.css",

//  Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",
//  Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>

</head>
<body>
<div id="corpo">
	<div id="barrasuperiore">
		<div id="logocomune">
			[img]./../gfx/logo_castello_tesino.jpg[/img]
		</div>
		<div id="barrabanner">
			[img]./../gfx/panorama_castello_tesino.jpg[/img]
		</div>
	</div>
	<div id="centrale">
		<div id="barramenu">
			<ul class="menu1">
				[*]Home page
				[*]Elenco funzioni
				[*]Elenco news
			[/list]
		</div>
		<div id="contenitore">
			<div id="interno">
				

				<h3 class="titolo">AREA RISERVATA</h3>
				<h4 class="titolo">NUOVA NEWS</h4>
				<fieldset class="formarea">
				<legend>INSERISCI UNA NUOVA NEWS</legend>
	    		<form enctype="multipart/form-data" id="new_inserisci" name="new_inserisci" method="post" action="./new_inserisci_salva.php">
					<label for="data1">Data (gg/mm/aaaa)</label><input type="text" id="data1" name="data1" value="" tabindex="1" />


					<label for="oggetto">Oggetto</label><input type="text" id="oggetto" name="titolo" value="" size="40" tabindex="2" />


				  <textarea id="testo" name="testo" cols="40" rows="20" tabindex="3" onKeyUp="conta(this.form)"></textarea>
          <input value="100" size="3" name="num" disabled>
          <input type="button" id="invia" name="invia" value="Invia" title="Invia" tabindex="4" onClick="javascript:contr();" /></p>
				</form>
				</fieldset>
				


			</div>
		</div>
	</div>
	<div id="footer">
<?php
require("./../conf/footer.inc.php");
compfooter();
?>
	</div>
	<div id="footer2">
	</div>
</div>
</body>
</html>
<?php
} else {
	header ("LOCATION: ./index.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="robots" content="nofollow, noindex, noarchive" />
</head>
<body>
</body>
</html>
<?php
}
dbClose();
?>

**ignorantone** · 04-06-2009, 18:49

Tieni presente però che una funzione Javascript può essere facilmente aggirata.
Visto che utilizzi php è bene che il controllo lo fai anche lato server.

Discussione: Maxlength di una textarea

Strumenti discussione

Ricerca discussione

Visualizza

Maxlength di una textarea

Permessi di invio