tag input e javascript

[dark0s]

Ciao, ho la seguente funzione javascript che "dovrebbe controllare" il valore inserito in un campo di testo:

function check_create() {

   var type = alert(document.getElementById('type'));
   alert('Questo è il valore:' + type);

}

ma la variabile type è undefined, nonostante inserisco il teso nella casella, dov'è l'errore?

[Cocomerous]

Che cosa attiva la funzione?

[dark0s]

Questo è il form da dove viene chiamata:

        <form action="/cgi-bin/create.cgi" method="POST" onsubmit="return check_create()">
          <fieldset>
            Type<input id="type" class="intext" type="text" name="type" size="20" />

            Name<input id="name" class="intext" type="text" name="name" size="20" />

            <input type="submit" value="Create" />
          </fieldset>
        </form>

Alla pressione del tasto "Create", voglio solo che appaia la finestra di alert con il valore del campo di input con id="type".

PS = sto utilizzando il browser firefox 4.0 beta 11

[Vindav]

alert(document.getElementById('type').value);

[br1]

Ma se uno deve usare proprio "type" per un ID ed un nome di variabile...

[TrueLies]

Guarda come ti dice br1 è una pessima idea usare come id 'type'. Essendo la string type anche l'identificativo di un attributo standard dei tag input (<input type=...) rischi prima o poi di trovarti con qualche browser che non identifica il namespace giusto (cioè che preleva il type non come id ma lo va a cercare prima come attributo di un tag).

Ovvio che i browser non dovrebbero fare così, ma non sempre i b rowser fanno quello che dovrebbero. Dagli un altro nome ,o che so agiungici un numero dopo 'type1', e anche la variabile meglio non chiamarla type, per gli stessi motivi.

per il resto come ti dice vindav, devi appenderci
.value

ps la sequenza
var type = alert(document.getElementById('type'));
alert('Questo è il valore:' + type);
non ha senso: se dici che type è uguale ad un alert, è uguale ad un alert.

[dark0s]

Ok funziona, ora estendo l'esempio, però funziona solo per il primo alert, la funzione è:

function check_create() {

   var tag = document.getElementById('tag').value;
   alert(tag);
   var pname = document.getElementById('project').value;
   alert(pname);
   var lname = document.getElementById('language').value;
   alert(lname);

}

mentre il form ora è il seguente:

        <form action="/cgi-bin/createproj.cgi" method="POST" onsubmit="return check_create()">
          <fieldset>
          <legend>Create</legend>
            <input id="tag" class="intext" type="text" name="tag" size="20" />
            <input id="project" class="intext" type="text" name="project" size="20" />
            <input id="language" class="intext" type="text" name="language" size="20" />
            <input type="submit" value="Create" />
          </fieldset>
        </form>

La prima finestra di alert restituisce il valore corretto, mentre le altre 2 non restituiscono nulla. Dov'è il problema?

[TrueLies]

beh intanto metti un value dentro ogni input, anche vuoto
value=""

poi la funzione deve ritornare qualcosa, per quello che riguarda il submit:

return true

ps senza un value di default è possibile che alcuni browser interpretino la proprietà value come inesistente e diano errore, non essendoci un value di default nei tag, mentre lo potrebbero legittimamente interpretare come assegnato nel momento in cui dentro il tag l'utente scrive qualcosa (e in tal caso, solo per quel tag...)

[dark0s]

Allora il form é:

        <form action="/cgi-bin/createproj.cgi" method="POST" onsubmit="return check_create()">
          <fieldset>
          <legend>Create</legend>
            <input id="tag" class="intext" type="text" name="tag" value="" size="20" />
            <input id="project" class="intext" type="text" name="project" value="" size="20" />
            <input id="language" class="intext" type="text" name="language" value="" size="20" />
            <input type="submit" value="Create" />
          </fieldset>
        </form>

mentre la funzione è:

function check_create() {

   var tag = document.getElementById('tag').value;
   alert(tag);
   var pname = document.getElementById('project').value;
   alert(pname);
   var lname = document.getElementById('language').value;
   alert(lname);
 
  return true;

}

ma viene ritornato del testo solo riguardo alla prima casella di input, cioè solo il primo alert ritorna del testo, gli altri due rimangono vuoti.

[TrueLies]

Qui funziona benissimo (IE e FF).
Poi certo che se dentro i tag input non scrivi qualcosa, l'alert ti ritorna vuoto. Cioè non è chiaro quale sarebbe il problema.