Input IMG: comportamento molto strano

[messiah2000]

Ciao ragazzi, vorrei porvi una domandina sul Tag <input type="img">

Di default questo tag, senza alcun attributo onclick, effettua il submit del form se viene premuto.
Al contrario, se si utilizza l'attributo onclick, dovrebbe eseguire il codice all'internod ella funzione.

Sto riscontrando problemi con questo tipo di tasto perchè oltre ad eseguire il codice riportato nell'evento onclick, il form alla fine della funzione viene comunque inviato.

Come posso evitare questo comportamento.
O meglio, il tag <input type="image"> deve per forza inviare il form?

[jesus]

Come posso evitare questo comportamento.
O meglio, il tag <input type="image"> deve per forza inviare il form?

A te serve di inviare il form oppure è solo un pulsante per fare una certa cosa senza inviare?

[cigno]

tu cosa devi fare?

se hai un tasto submit dignifica che hai creato un form....
hai creato un form e non lo vuoi spedire....e allora perchè l'hai creato?

[messiah2000]

Originariamente inviato da cigno
tu cosa devi fare?

se hai un tasto submit dignifica che hai creato un form....
hai creato un form e non lo vuoi spedire....e allora perchè l'hai creato?

Forse prima di inviare il form devo riempire alcuni campi?

Non è che se c'è un form in una pagina, ogni pulsante deve effettuare il submit!
:di56:

[jesus]

Originariamente inviato da messiah2000
Forse prima di inviare il form devo riempire alcuni campi?

Non è che se c'è un form in una pagina, ogni pulsante deve effettuare il submit!
:di56:

se il tuo problema è controllare i dati puoi richiamare una funzione javascript sull'evento onsubmit che controlla i campi e in caso di errore ritorna false, in questo caso il form non verra inviato.

/* javascript */
function fnControllo() {
  if (document.frm.txt_nome.value == "") {
    return false;
  }
  return true;
}

/* html */

<form name="frm" action="action.htm" method="post" onsubmit="return fnControllo()">
  <input type="text" name="txt_nome">
  <input type="image" name="invia" src="invia.gif">
</form>

[messiah2000]

Originariamente inviato da jesus
se il tuo problema è controllare i dati puoi richiamare una funzione javascript sull'evento onsubmit che controlla i campi e in caso di errore ritorna false, in questo caso il form non verra inviato.

Questo lo so.
Ma il submit del form viene "pilotato" da un'altro pulsante.

Insomma, mi sa proprio che questo "button image" vuole per forza inviare il form.

[jesus]

Originariamente inviato da messiah2000
Questo lo so.
Ma il submit del form viene "pilotato" da un'altro pulsante.

Insomma, mi sa proprio che questo "button image" vuole per forza inviare il form.

Scusami ma non ti seguo... tu hai inserito un input image e in più hai un'altro pulsante per fare il submit?
Mi spieghi meglio che cosa dovrebbe fare questa pagina? :master:

[messiah2000]

Originariamente inviato da jesus
Scusami ma non ti seguo... tu hai inserito un input image e in più hai un'altro pulsante per fare il submit?

Si

[br1]

Il tag <input type=image> e' un oggetto appartenente al form entro il quale e' inserito ed il suo scopo e' sostituire il pulsante <input type=submit>

Se lo vuoi utilizzare senza che invii il form devi accodare alle varie funzioni richiamate nell'evento onclick l'istruzione di rinucia all'invio del form:

onclick="funz1();funz2();return false;"

ma e' piu' semplice e pulito usare una immagine con il suo link

<img src=....>

ciao

[messiah2000]

Originariamente inviato da br1
Il tag <input type=image> e' un oggetto appartenente al form entro il quale e' inserito ed il suo scopo e' sostituire il pulsante <input type=submit>

Se lo vuoi utilizzare senza che invii il form devi accodare alle varie funzioni richiamate nell'evento onclick l'istruzione di rinucia all'invio del form:

onclick="funz1();funz2();return false;"

ma e' piu' semplice e pulito usare una immagine con il suo link

<img src=....>

ciao

Ammazza!
Una risposta degna di un Moderatore!

Grazie, ora è tutto chiaro.