Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16

Discussione: Limite textarea

  1. #1

    Limite textarea

    Ciao a tutti,
    come è possibile limitare un text area in modo tale che non si possano inserire ad esempio più di 3 righe?
    Il calcolo dei caratteri per ora non mi interessa, vorrei proprio il numero di righe.

    Come posso fare?

    Fatemi sapere.
    Grazie mille.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    206
    potresti fare una cosa del genere:
    codice:
    <script language="JavaScript">
    function updateTextArea(){
      txt = document.form.txtarea.value;
      arr = txt.split("\r");
      if(arr.length>2)
        alert("TROPPE RIGHEEEEEEEEEEEE");
    }
    </script>
    <html>
    <form name="form">
    <textarea name="txtarea"></textarea>
    <input type="button" value="click" onclick="updateTextArea()">
    </form>
    </html>
    lo "\r" indica la newline per window invece
    "\n" per unix o macintosh

  3. #3
    Grazie mille.
    Provo, se ho difficoltà mi faccio risentire.

  4. #4
    Ciao, è passato un pò di tempo ... finalmente ce l'ho fatta a fare un pò di prove;
    come funzionamento va bene, il problema è che il pulsante che tu hai messo è un button io ho invece un submit perchè invio dati ad un altra pagina e quindi mi fa il controllo, aprendomi l'allert se le righe sono superiori a 2, però mi fa il sumbit della pagina anche se si dovrebbe bloccare.

    Posso in qualche modo intervenire nello script dicendo di bloccarsi se le righe sono + di 2?

    Mi andrebbe benissimo se il controllo lo facesse ogni qual volta scrivo qualcosa nel textarea...

  5. #5
    Ho notato un altro piccolo problemino; praticamente se non premo invio non mi conta una nuova riga quindi il calcolo delle righe risulta sbagliato... come posso fare?

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    206
    l'invio del form puoi risolverlo così:

    <script language="JavaScript">
    function updateTextArea(){
    txt = document.form.txtarea.value;
    arr = txt.split("\r");
    if(arr.length>2)
    alert("TROPPE RIGHEEEEEEEEEEEE");
    else
    document.form.submit()
    }
    </script>
    <html>
    <form name="form">
    <textarea name="txtarea"></textarea>
    <input type="button" value="click" onclick="updateTextArea()">
    </form>
    </html>

  7. #7
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Per IE

    if (document.mioForm.miaTextarea.scrollTop>0)
    alert("TROPPE RIGHEEEEEEEEEEEE");

    ma devi settare ROWS="3" nella textarea

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  8. #8
    Perfetto...
    però vorrei eliminare l'ultima riga... praticamente se premo invio quando sono sulla terza mi crea la quarta dopo avermi fatto vedere l'alert così come se sono sulla quarta mi crea la quinta ecc...

    E' possibile bloccare anche questo???
    Praticamente bisognorebbe elimiare l'ultimo tasto premuto.

  9. #9
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    codice:
    <SCRIPT>
    function x(f) {
    	if (f.scrollTop>0) {
    		alert("TROPPE RIGHEEEEEEEEEEEE");
    		f.value = f.value.substr(0,f.value.length-1)
    	}
    }
    </SCRIPT>
    
    <TEXTAREA NAME="t" ROWS="3" onkeyup="x(this)" ></TEXTAREA>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  10. #10
    Se premo invio continua ad aggiungere righe quindi posso arrivare fin alla riga N ....

    un altra soluzione?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.