controllo su campi input ripetuti

**Kilin** · 18-04-2006, 00:16

ciao a tutti!

ho dei campi input di uno stesso form: dovrei controllare che, una volta scritto un valore in un campo (quindi una volta deselezionato, prima di inviare il form) questo valore non sia già presente in nessun altro campo input di questo form.

Quindi, se scrivo "ciao" in un campo, deve dare errore se c'è un campo input nel form che ha già come valore "ciao"... altrimenti tutto liscio...!

come si puo' fare?

grazie!

**eX-Arus** · 18-04-2006, 19:26

eccoti un esempio:

codice:

<html>
<head>
<script type="text/javascript">

function controllo(str) {
    var t = 0;
    var elms = document.getElementsByTagName('input');
    for (var i = 0; i < elms.length; i++) {
        if (elms[i].value.indexOf(str)!=-1) {
            t++;
            if (t > 1) {
                alert('il carattere \'ciao\' deve comparire solo una volta in tutti i campio!');
                elms[i].focus();
            }
        }
    }
}
</script>
</head>
<body>

<input type="text" value="" onblur="controllo('ciao')" />
<input type="text" value="" onblur="controllo('ciao')" />
<input type="text" value="" onblur="controllo('ciao')" />
<input type="text" value="" onblur="controllo('ciao')" />
<input type="text" value="" onblur="controllo('ciao')" />

</body>
</html>

**var** · 18-04-2006, 20:09

non credo Kilin chiedesse una cosa del genere: i campi devono avere tutti valori differenti (e tali valori non sono predefiniti, come 'ciao').

ciao

**Kilin** · 19-04-2006, 00:10

beh con qualche piccola modifica invece è proprio lui! ecco come ho cambiato lo script, se puo' servire a qualcuno... grazie!

codice:

<html>
<head>
<script type="text/javascript">

function controllo(str) {
    var t = 0;
    var elms = document.getElementsByTagName('input');
    for (var i = 0; i < elms.length; i++) {
        if (elms[i].value.indexOf(str)!=-1) {
            t++;
            if (t > 1) {
                alert('Hai già inserito \''+str+'\'!');
                elms[i].value = '';
                elms[i].focus();
            }
        }
    }
}
</script>
</head>
<body>

<input type="text" value="" onblur="controllo(this.value)" />
<input type="text" value="" onblur="controllo(this.value)" />
<input type="text" value="" onblur="controllo(this.value)" />
<input type="text" value="" onblur="controllo(this.value)" />
<input type="text" value="" onblur="controllo(this.value)" />

</body>
</html>

Discussione: controllo su campi input ripetuti

Strumenti discussione

Ricerca discussione

Visualizza

controllo su campi input ripetuti

Permessi di invio