Evitare campi form con stesso valore

[atenea]

Ciao a tutti,
ho un piccolo problema. Ho un form per creare documenti di vendita in cui aggiungo dinamicamente dei campi per l'inserimento di articoli da vendere (sono campi input text).

Il mio problema è che vorrei evitare l'inserimento di articoli duplicati in modo da non generare errore durante l'inserimento nel database.

Avete qualche suggerimento? magari per visualizzare un all'alert nel momento in cui un campo assume un valore già inserito nel form?

Grazie per l'aiuto che mi darete.

[cavicchiandrea]

Ma il valore da controllare dov'è? In altro campo del form o nel database?

[atenea]

in un altro campo. Io prima faccio compilare all'utente tutto il formo poi procedo con la creazione del documento e l'inserimento dei dati nel database è per questo che voglio controllare prima i valori dei form.

gli id delle input text sono tutti del tipo codice* dove * sta per un carattere arbitrario, mentre l'attributo name è codice[] per tutte.

[cavicchiandrea]

Esegui un ciclo for sui campi input text tipo:

function ckInput(campo){
var el = document.getElementsByTagName('input');
for(var i=0; i<el.length; i++){
if(el[i].type=='text' && el[i].value==campo.value){
alert('valori dupplicati non ammessi');
campo.value="";
return false;
}
}
}
<input type="text" name="tuo_name" id="tuo_id" onblur="ckInput(this)" />

non l'ho testato, comunque la starda è questa.

[NonCeLaFaccio+]

Mi permetto di suggerire una piccola modifica alla if:

 if(el[i].type=='text' && el[i].value==campo.value && el[i].id != campo.id && el[i].value != ''){

Ciao

[atenea]

Grazie dei consigli. Ora provo.

[atenea]

ho fatto una piccola modifica ed ecco il risultato

 
<script>
function ckInput(campo){
              var el = $('input[id^="codice"]'); // funzione jQuery selettore Start With
              for(var i = 0;el.length;i++){
                  if(el[i].value == campo.value && el[i].id != campo.id && el[i].value != ""){
                      alert("valori dupplicati non ammessi");
                      campo.value ="";
                      return false;
                  }
              }
          }
function doppioni(){
              var el = $('input[id^="codice"]');
              for (var i = 0;el.length;i++){
                  if(!ckInput(el[i])) return false;
              }
          }
</script>

<input type="submit" name="azione" value="Crea preventivo" onclick="return doppioni()"/>

il controllo viene fatto ed effettivamente mi avvisa che ci sono dei doppioni ma cmq viene attivato lo script lato server e quindi mi genera errore quando inserisce i dati del database in quanto effettivamente si ritrova con una chiave duplicata.

Come posso impedire che venga eseguito lo script lato server se vengono trovati dei doppioni?

[atenea]

In realtà non funziona tanto bene, in quanto sembra che alla funzione ckInput viene passato un elemento indefinito quindi non riesce ad estrarne il valore.. come posso risolvere? avete qualche idea?

[atenea]

Ecco la soluzione:

function ckInput(campo){
for(var i = 0;i<$('[id^="codice"]').length;i++)
    var el = $('[id^="codice"]')[i];
      if(el.value == campo.value && el.id != campo.id && el.value != ""){
          return false;
      }else {return true;}
}
function doppioni(){
    for(var i = 0;i<$('[id^="codice"]').length;i++){
        var el = $('[id^="codice"]')[i];
        if (el.value != ""){
          if(!ckInput(el)) {alert("Ci sono ripetizioni negli articoli inseriti"); return false;}
        }else {return false;}
      return true;
    }
}

la funzione viene poi associata all'evento onsubmit del form