Molti siti Web e servizi online è possibile utilizzare codice JavaScript per offrire caratteristiche interattive, tra cui richieste che richiedono agli utenti di testo di input e il numero di caratteri in un modulo online, o campi di immissione di username e password. Alcuni siti Web configurare il campo di testo di prompt dei comandi JavaScript con un limite massimo di caratteri.

Sui campi di testo JavaScript

Il campo di testo o l'area di testo viene visualizzata sotto la domanda o istruzione nella pagina Web o nella finestra a comparsa. Per impostazione predefinita, il campo di testo si espande per contenere caratteri come l'utente digita le informazioni nel campo. È possibile configurare azioni JavaScript per campi di testo in molti modi, tra cui il popolare automaticamente il campo di testo, il controllo ortografico inserito testo e l'impostazione di un limite massimo di caratteri.

Limiti di caratteri massimo

Configurare il codice JavaScript per impostare un limite massimo di caratteri aiuta i webmaster all'utente del controllo di input; ad esempio, l'impostazione di un limite massimo di caratteri in un campo di richiesta password può fermare gli utenti entrino accidentalmente una password non corretta. Alcuni moduli online, ad esempio moduli di domanda di lavoro, vuole anche succinte risposte ad ogni domanda, quindi l'impostazione di un limite massimo di caratteri può impedirebbe alla ricorrente di scrittura troppo. Aggiungere il codice per un conto alla rovescia del numero di caratteri rimanenti possono aiutare l'utente.

Codice di funzione JavaScript carattere limite

Per aggiungere un prompt di JavaScript con un'area di testo di carattere limitato, è necessario aggiungere il frammento di codice JavaScript funzione alla sezione intestazione della pagina Web applicabile. Aggiungere il seguente codice di funzione JavaScript prima del tag "< / head >":

< script language = "javascript" type = "text/javascript" >
Function limitText (limitField, limitCount, limitNum) {
Se (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring (0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
< / script >

Area di testo JavaScript e i codici di campo di testo

Dopo aver aggiunto il codice di funzione JavaScript, è possibile aggiungere alla stessa pagina Web il codice per un'area di testo carattere limitato in un modulo in linea o in un campo di testo a riga singola.
Utilizzare questo codice per un'area di testo:

< nome modulo = "exampleform" >
< textarea nome = "limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,90);"
onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,90);" >
< / textarea >< br >
< dimensione carattere = "1" > (caratteri massimo: 90) < br >
Avete < readonly tipo input = "testo" nome = "countdown" size = valore "3" = "90" > caratteri sinistra. < / font >
< / form >

Utilizzare questo codice per un campo di testo a riga singola:
< nome modulo = "exampleform" >
< nome input = "limitedtextfield" type = "testo" onKeyDown="limitText(this.form.limitedtextfield,this.form.countdown,10);"
onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,10);" maxlength = "10" >< br >
< dimensione carattere = "1" > (caratteri massimo: 10) < br >
Avete < readonly tipo input = "testo" nome = "countdown" size = valore "3" = "10" > caratteri sinistra. < / font >
< / form >

In entrambi gli esempi, è necessario modificare "exampleform" in un nome memorabile per il modulo. Il primo esempio imposta un limite di caratteri di 90, mentre nel secondo esempio imposta un limite di 10 caratteri. Modificare questi valori limite il vostro personaggio preferito. In ogni frammento di codice, modificare tutte le istanze del valore affinché che il codice funziona correttamente.