Programmazione Web » Javascript » Limitare il numero di caratteri di una textarea

Limitare il numero di caratteri di una textarea

Difficoltà: Intermedio Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it E-Mail
Questo tutorial è stato letto 1211 volte




In questo tutorial vedremo come sia possibile con Javascript limitare il numero di caratteri digitabili in una textarea.

Inseriamo questo codice tra i TAGs HEAD della nostra pagina:

<script language="JavaScript" type="text/javascript">
function contatore(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>

Da notare di questo codice la riga

max=100

in cui dovremo settare il numero massimo di caratteri.

Quindi realizziamo il form:

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

Interessante di questo codice la riga

onKeyUp="contatore(this.form)"

che permette di aggiornare il contatore alla digitazione di un carattere.

Come potete notare, non è possibile digitare più di 100 caratteri.

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google