consentire solo inserimento di alcuni caratteri

salve a tutti vi prego ci sarebbe qualche esperto di javascript che potrebbe darmi una mano, impratica non riesco a trovare un sistema non consentire immisione di carratteri dentro una textarea in javascript, vorrei escludere i seguenti caratteri ess: "/*-+@#][]?^§=)((/&%$$££"!" dalla text che elenco qui sotto

<span style="font-size: 15px"></span><strong><span style="background-color: #ffd700"><input maxlength="16" name="cartella" type="text" /></span></strong><span style="font-size: 15px"></span></p> 

Se vuoi fare il controllo quando il form viene inviato, allora la funzione che fa per te è indexOf. Ovviamente devi usarla per ogni carattere che vuoi escludere. --> Se c'è questo carattere allora fai questo.

Se invece vuoi che proprio fisicamente non sia possibile inserire quei caratteri nella textarea (cioè è come se si disattivassero quei tasti) allora, premesso che non condivido questa cosa, devi fare così:

Al caricamento della pagina inizializzare una variabile (es. contTextArea=""). Deve essere globale quindi non usare "var". Poi devi legare una funzione all'evento onkeydown relativo alla textarea. Questa funzione deve estrapolare il contenuto della textarea, vedere se è più lungo di quello contenuto della variabile contTextArea (usa .length). Se sì allora prendi l'ultima lettera (ogni stringa in se è un array di lettere, quindi se per esempio il contenuto della textarea è nella variabile myTextArea, l'ultima lettera la ottieni facendo myTextArea[myTextArea.length]) e verifichi se è una di quelle da vietare. Se è una di quelle sostituisci il contenuto della textarea con quello nella variabile contTextArea, altrimenti aggiorni la variabile contTextArea con il nuovo contenuto e lasci stare la textarea. Il risultato finale è che quando per esempio si inserisce @ questo non viene inserito (o comunque viene eliminato in una frazione di secondo). A questo punto però ti dico che così non è molto carino, quindi io aggiungerei un alert che avverte del fatto che il carattere inserito non è valido, altrimenti uno pensa che la tastiera non vada...

Ciao

cioe io cerco semplicemente di far si che dentro la textarea non sia possibile inserire caratteri tipo /**-/+òò+++èùìùìùì ecc.. ma solo caratteri minuscoli e numeri ce una funzione tipo pattern="[a-z]" per html ma una cosa simile per javascript controllato questo comando contTextArea="" nel manuale javascript non e stao mai inventato nai ideatori di javascript :-)

[EuroSalute]

per impedire caratteri nell'input, devi usare jquery ...

dai un id all'input:

<input maxlength="16" name="cartella" type="text" id="cartella"/>

questo script jquery permette solo inserimento di numeri, per input numerico, più i tasti specificati:

<script type="text/javascript">
      $(document).ready(function() {

        (function() {
            var editingKeys = {
               '8'  : 'backspace',
               '46' : 'canc',
               '37' : 'leftarrow',
               '39' : 'rightarrow'
            };
						
						
	    $('#cartella').bind('keydown', function(e) {
                var key = String.fromCharCode(e.keyCode);
                if (isNaN(key)) return (e.keyCode in editingKeys);
            });					
						
						
        })();

      });

puoi trovare i codici dei tasti qui:
http://www.cambiaresearch.com/articl...odes-key-codes

ora si tratta di modificare lo script per le tue esigenze...


edito qui per testare questo codice, provalo:

$(document).keydown(function(e){
				   e.preventDefault();
					 
					 var editingKeys = {
               '16':'shift',
							 '17':'ctrl',
							 '18':'alt',							 
							 '192':'grave accent',
							 '222':'single quote',
							 '191':'forward slash',
							 '186':'º',
							 '187':'»',
							 '188':'comma',
							 '190':'period',
							 '109':'subtract',							 
							 '220':'back slash',
							 '219':'open bracket',
							 '221':'close braket',
							 '226':'â',
            };
					 
					 var key = String.fromCharCode(e.keyCode);
					 //if (isNaN(key) & (e.keyCode in editingKeys))
					 if (e.keyCode in editingKeys)
					    alert('Tasto Non Accettato! --> '+e.keyCode+' = '+key);
					 else alert('Tasto Accettato! --> '+e.keyCode+' = '+key);
					 
					 $('#cartella').val(key);
							
							});
				

ottimo sei sempre il migliore eurosalute :-)

[dreadnaut]

A naso questo sistema non ti protegge da qualcuno che fa copia e incolla dei caratteri, o mi sbaglio?

edit: io farei così, che mi sembra più semplice, più affidabile, e circa 30KB più leggero dell'usare jQuery.

<script type="text/javascript">
  // abcd è l'insieme dei caratteri da eliminare, occhio nel caso siano caratteri speciali per le espressioni regolari.
  function pulisci(campo) { campo.value=campo.value.replace(/[abcd]/g,''); }
</script>

<textarea onchange="pulisci(this)" onkeyup="pulisci(this)"></textarea>

per impedire caratteri nell'input, devi usare jquery ...

Puoi, non devi. jQuery è di certo il metodo più voluminoso, e se non lo usi già per qualche altra dozzina di motivi, probabilmente puoi farne a meno.

[EuroSalute]

webskey aveva chiesto un metodo per non far digitare eventuali caratteri nell'input, è ovvio che lo stesso input deve essere validato con una opportuna regexp....

ed è quello che abbiamo fatto.

[dreadnaut]

Beh, si parlava di immissione, non di digitazione, quindi mi sono permesso di pignoleggiare

Decisamente va validato anche lato server, perché di quello che ti inviano gli utenti non ci si può mai fidare.