limite caratteri campo text

**XvOg1** · 30-12-2005, 19:51

salve,ragazzi mi potete dire come si mette il limite di caratteri nel form per un campo textarea??

**grifone** · 30-12-2005, 21:25

lo puoi fare con javascript.. es:

<html>
<head>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form name="myForm" onsubmit="return validate();">
<textarea name="theTextArea" cols="10" rows="3"></textarea>

<input type="submit">
</form>
</body>
</html>

**peo91919** · 31-12-2005, 00:24

piu semplice e più potente questo metodo:
<input type="text" name="campo" maxlength="5">
che imposta il massimo dei caratteri a 5 (maxlength)

**var** · 31-12-2005, 14:37

Originariamente inviato da peo91919
piu semplice e più potente questo metodo:
<input type="text" name="campo" maxlength="5">
che imposta il massimo dei caratteri a 5 (maxlength)

la cosa non funziona con le textarea.

ciao

**cybergiaggia** · 17-10-2008, 17:24

...

ho provato con javascript, come da esempio di grifone, ma nn funziona...
o meglio: lo script funziona preso così com'è, ma non nel mio form...

ma è vero che maxlenght nn è più valido?

**cybergiaggia** · 17-10-2008, 17:34

che strano, funziona solo se tolgo l'attributo 'value' al tag input...
mah...

**cybergiaggia** · 17-10-2008, 18:40

mmmh...
no, non funziona il numero di caratteri è variabile...
sto impazzendo...

**Gufo** · 17-10-2008, 18:52

Originariamente inviato da cybergiaggia
mmmh...
no, non funziona il numero di caratteri è variabile...
sto impazzendo...

A me così funziona benissimo verificato controllato e provato con IE e FF:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body><input type="text" name="t1" value="ttt" maxlength="10"  />
</body>
</html>

**cybergiaggia** · 17-10-2008, 18:54

mmmh...
grazie Gufo, ma stiamo parlando del campo 'textarea' non di 'input'...
con textarea maxlenght nn funziona...

**Gufo** · 17-10-2008, 19:47

Originariamente inviato da cybergiaggia
mmmh...
grazie Gufo, ma stiamo parlando del campo 'textarea' non di 'input'...
con textarea maxlenght nn funziona...

Per una textarea allora così
Pagina

codice:

<html>
<head> 
<title>Contatore caratteri</title>
<script src="tools.js"></script>
</head> 
<body>
<h3>Esempio Contatore caratteri con massimo imposto a 10 caratteri</h3>
   
<textarea id="text" name="text" onKeyUp="Count('text','counter','{CHAR} caratteri rimanenti',10);" maxlength="10">
	</textarea>

	<span id="counter" class="minitext">10 caratteri rimanenti</span>
</body>
</html>

Script

codice:

function getObject(obj) {
  var theObj;
  if(document.all) {
    if(typeof obj=="string") {
      return document.all(obj);
    } else {
      return obj.style;
    }
  }
  if(document.getElementById) {
    if(typeof obj=="string") {
      return document.getElementById(obj);
    } else {
      return obj.style;
    }
  }
  return null;
}

function Count(entrada,salida,texto,caracteres) {
  var entradaObj=getObject(entrada);
  var salidaObj=getObject(salida);
  var longitud=caracteres - entradaObj.value.length;
  if(longitud <= 0) {
    longitud=0;
    texto='<span class="disable"> '+texto+' </span>';
    entradaObj.value=entradaObj.value.substr(0,caracteres);
  }
  salidaObj.innerHTML = texto.replace("{CHAR}",longitud);
}

Anche questo provato e funziona

Discussione: limite caratteri campo text

Strumenti discussione

Ricerca discussione

Visualizza

limite caratteri campo text

Permessi di invio