problema con "action"

**Salvatore_91** · 12-05-2009, 18:11

Ciao raga, io ho creato una semplice pagina html, nella quale si possono inserire dei dati utilizzando le form.
Ho fatto in modo che, cliccando sul bottone Invia, c'e' un richiamo ad un piccolo file .js, che dovrebbe stampare a video i valori inseriti nella pag HTML.

ma tutto cio' non va'. Perche quando clicco su INVIO, mi appare la finestra che mi dice di aprire il file.js con un editor (tipo dreamweaver)

Ecco l'HTML:

codice:

<body>
<form name="dati" action="reg_utenti.js">
<div align="center">
  <table width="381" border="0">
    <tr bgcolor="#FFCC99">
      <td colspan="2"><div align="center">
        

<font size="4" color="#FF0000">Registrazione utente</font>

        </p>
        </div></td>
    </tr>
    
    <tr>
      <td><div align="left"><font color="#FF3300">Cognome</font></div></td>
      <td><div align="left"><font color="#FF3300">Nome</font></div></td>
    </tr>
    <tr>
      <td width="183"><div align="left">
        <input type="text" name="cognome" size="25" maxlength="25" /> 
        </div></td>
      <td width="182"><div align="left">
        <input type="text" name="nome" size="25" maxlength="25" />
        </div></td>
    </tr>
    <tr>
      <td><div align="left"></div></td>
      <td><div align="left"></div></td>
    </tr>
    <tr>
      <td><div align="left"><font color="#FF3300">Data di nascita </font></div></td>
      <td><div align="left"><font color="#FF3300">CAP</font></div></td>
    </tr>
    <tr>
      <td><div align="left">
        <input type="text" name="giorno" size="2" maxlength="2" />
        /
        <input type="text" name="mese" size="2" maxlength="2" />
        /
        <input type="text" name="anno" size="2" maxlength="2" />
        <font size="2">(gg/mm/aa)</font></div></td>
      <td><div align="left">
        <input type="text" name="cap" size="6" maxlength="5" />
        </div></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="2"><div align="left"><font color="#FF3300">Indirizzo</font></div>        <div align="left"></div></td>
      </tr>
    <tr>
      <td colspan="2"><div align="left">
        <input type="text" name="indirizzo" size="50" maxlength="50" />
        </div></td>
      </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td><div align="left"><font color="#FF3300">Provincia</font></div></td>
      <td><div align="left"><font color="#FF3300"></font></div></td>
    </tr>
    <tr>
      <td><div align="left">
        <select class=select name="provincia">
        <option>AN
          <option>BA
            <option>BO
            <option>MI
            <option>FI
            <option selected>NA	  </option>
        </select>
      </div>
      <td><div align="left"></div></td>
    </tr>
    
    <tr>
      <td colspan="2"><div align="center"></div></td>
      </tr>
    <tr>
      <td><div align="left"><font color="#FF3300">User</font></div></td>
      <td><div align="left"><font color="#FF3300">Password</font></div></td>
    </tr>
    <tr>
      <td><div align="left">
        <input type="text" name="user" size="20" maxlength="20" />
        </div></td>
      <td><div align="left">
        <input type="password" name="password" size="20" maxlength="20" />
        </div></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td><div align="left"><font color="#FF3300">E-mail</font></div></td>
      <td><div align="left"><font color="#FF3300">Conferma Password </font></div></td>
    </tr>
    <tr>
      <td><div align="left">
        <input type="text" name="mail" size="25" maxlength="25" />
        </div></td>
      <td><div align="left">
        <input type="password" name="password2" size="20" maxlength="20" />
        </div></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td><div align="left">
        <input name="submit" type="submit" value="Invia" />
        </div></td>
      <td><div align="left">
        <input type="reset" value="Resetta" />
        </div></td>
    </tr>
  </table>
  </div>
</form>

</body>

ecco una parte del javascript, che mi dovremme stampare solo il cognome inserito:

codice:

var stampa= document.dati.cognome.value;
alert(stampa);

**Salvatore_91** · 13-05-2009, 16:08

c'e' nessuno???

**Vincent.Zeno** · 13-05-2009, 16:47

nella action ci devi mettere il file di destinazione che riceve i dati, non il controllo.

il controllo lo devi passare dal tasto submit

edit: scusa, non da tasto submit ma dal form

**Salvatore_91** · 13-05-2009, 17:09

intendi cosi':
<input name="submit" type="submit" value="Invia" tabindex="13" onclick="reg_utenti.js" />

mentre nella action, non ho capito cosa devo fare.

**Vincent.Zeno** · 13-05-2009, 17:45

un form invia i dati.... a chi?
al destinatario che specifichi nella action.
il "destinatario" è uno script (asp o php...) che elabora le informazioni inviate e poi eseguirà le azioni da te definite, ci siamo?

il controllo che vuoi fare, devi farlo proprio in locale: prima dell'invio.
non può essere i risultato di un'invio.

quindi, lo script, o lo scrivi direttament in haed
http://javascript.html.it/guide/lezi...ere-il-codice/

o semplicemente lo richiami nelle pagina linkandolo
http://javascript.html.it/guide/lezi...-file-esterno/

poi sempre nel form richiami la funzione:
http://www.w3schools.com/jsref/jsref_onSubmit.asp

**Shores** · 13-05-2009, 17:47

O meglio ancora:

nel tag HEAD:
<script src="reg_utenti.js" type="text/javascript"></script>

nel tag BODY:

<form action="ricevi.php" onsubmit="funzioneJavaScriptCheFaQuelCheVuoi();">

Ciao!

Discussione: problema con "action"

Strumenti discussione

Ricerca discussione

Visualizza

problema con "action"

Permessi di invio