[javascript] mostrare un messaggio se si inseriscono determinati caratteri in un form

**Mich_** · 03-05-2005, 10:43

Hai messo insieme cose che non vanno d'accordo.

Dentro la RegExp non puoi usare &gt;, devi usare la semplice > , solo con la backslash davanti (idem per <).
Inoltre la RegExp deve iniziare e finire con lo stesso carattere (di solito si usa /)

Poi non ho capito quell'alert. Contiene assurdita`.

**mircov** · 03-05-2005, 11:01

Ma io che ne so?!

Ho trovato il codice per far apparire un div nascosto su questo forum e l'ho messo nell'alert come suggeritomi.

Ragazzi, questa è la cosa che odio di più ma veramente non posso farne a meno:

mi rendereste funzionante il codice che ho postato in modo che quando viene inserito uno di quei caratteri venga mostrato il div? Spero di si perchè altrimenti non so prorpio come fare! Grazie mille! Ciao!

**Mich_** · 03-05-2005, 11:33

Quando si fanno delle modifiche occorre conoscere quello che si fa. Altrimenti proviamo tutte le combinazioni di caratteri in modo casuale e magari in un milione di tentativi ne troviamo uno che va.
Dentro un alert ci va una stringa, non ha senso metterci una istruzione JS. L'istruzione va messa al posto dell'alert:

function contacar(cc) {
if (cc.value.substr(-1).match(/[\<\>\&\'\"]/)
document.getElementById('messaggio').style.display ='block';
}

Nota: c'e` una backslash anche davanti al ' .

**mircov** · 03-05-2005, 11:46

Hai perfettamente ragione! Lo ripeto anche io nel forum sul PHP e mi sono trovato a fare lo stesso errore. Cmq... non funziona!
Il div non viene mostrato nè in firefox nè ne in IE e quest'ultimo continua a segnalarmi la presenza di un errore!

**mircov** · 03-05-2005, 11:57

Allora, ho fatto alcune prove da profano.
Le mie domande sono:

1) Inserisco la funzione nella pagina in questo modo:

codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript" type="text/javascript">
function contacar(cc)
        {
           if (cc.value.substr(-1).match(/[\<\>\&'\"]/)
             {
document.getElementById('messaggio').style.display='block';
             }
} 
</script>
</head>

E' corretto?

2) Il div sta immediatamente prima dei tag <form></form> ed questo:

codice:

<div id="messaggio" style="visibility:hidden"> Questo è un div nascosto e sono stati inseriti i seguenti valori</div>

E' corretto?

3) La funzione la richiamo nel form in questo modo:

codice:

onKeyUp="contacar(cc)"

E' corretto?

4) La funzione la devo richiamare nel tag input o nel tag form?

**Mich_** · 03-05-2005, 12:30

1. e` corretto, ma ho un dubbio sul metodo substr

2. c'e` un'incongruenza:
nel <div> dichiari style="visibility:hidden", nello script modifichi ....style.display='block'.
Devi usare lo stesso attributo:
visibility puo` avere i valori 'hidden' | 'visible'
display puo` avere i valori 'none' | 'block' | e altri che qui non interessano

3. corretto

4. le funzioni, di solito vanno inserite in uno script della head, e vanno richiamate da un evento (chiaramente nel body) o da un'altra funzione.

Tornando al punto 1.
Non ricordo se substr() di JS supporta l'indice negativo.
Se non lo supporta occorre invece scrivere:
cc.value.substr(cc.value.length-1).match(...)

**mircov** · 03-05-2005, 12:41

Ok, adesso faccio qualche altra prova. Grazie per l'aiuto che mi stai dando!

**mircov** · 03-05-2005, 12:47

Lo so che sto chiedendo una cosa assurda però è l'unica soluzione che mi viene in mente altrimenti tu mi dai i consigli, io non li so mettere in pratica e ci incasiniamo tutti e due.
Io adesso posto il codice completo della pagina di prova. potresti per favore provarlo e vedere se a te funziona? Perchè a me continua a dare errori e non so proprio più cosa modificare. Ho applicato anche le correzioni che mi hai suggerito prima però niente. Questo è il codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script language="javascript" type="text/javascript">
function contacar(cc)
        {
           if (cc.value.substr(cc.value.length-1).match(/[\<\>\&\'\"]/)
		     {
                document.getElementById('messaggio').style.display='visible';
             }
} 
</script>
</head>

<body>
<div id="messaggio" style="visibility:hidden"> Questo è un div nascosto e sono stati inseriti i seguenti valori</div>
<form action="" method="post">
  <input name="prova" type="text" onKeyUp="contacar(cc)">
</form>
</body>
</html>

Grazie mille ancora per l'aiuto!

**COMANDANTE SPACE** · 03-05-2005, 13:05

prova a sostituire questa
<input name="prova" type="text" onKeyUp="contacar(cc)">

con questa
<input name="prova" type="text" onKeyUp="contacar(this )">

**COMANDANTE SPACE** · 03-05-2005, 13:07

e già che ci sei anche questa
document.getElementById('messaggio').style.display ='visible';

con questa
document.getElementById('messaggio').style.visibility='visible';

Discussione: [javascript] mostrare un messaggio se si inseriscono determinati caratteri in un form

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio