Come modificare azione modulo utilizzando JavaScript

July 5

Come modificare azione modulo utilizzando JavaScript


La maggior parte dei moduli HTML hanno un URL azione hard-coded che ha bisogno di rado di essere cambiato. Un URL azione non è altro che l'URL in cui verranno trattati i dati di un modulo. Utilizzando JavaScript, è possibile modificare l'URL azione prima di un visitatore del sito invia il modulo al server. Questa tecnica può essere utile se non si conosce l'URL l'azione di una forma in anticipo. È possibile dimostrare questa tecnica di codifica alterando l'URL di un modulo di e-mail in risposta all'input di un utente.

istruzione

1 Creare un nuovo documento HTML e aggiungere il seguente codice modulo per il corpo del documento:

<Form name = \ azione "TestForm \" = = metodo \ "\" enctype \ "text / plain \" = \ "POST \">
<P> Da: <input type = \ "text \" name = \ "Test Nome \">
<P> <input type = \ "submit \" value = \ "presentare il modulo \">

Questa forma presenterà una e-mail al URL specificato nel parametro azione del modulo. Perché questo URL è vuoto, il processo di e-mail sarà sicuro. Potrai impostare dinamicamente l'URL utilizzando JavaScript per fornire l'URL mancante.

2 Aggiungere un pulsante HTML sotto il modulo utilizzando questo codice:

<Input type = \ valore "tasto \" = \ "Clicca per obiettivo fissato URL \" onclick = \ "tornare setFormURL () \" />

3 Creare un "<script> \" sezione del documento \ e aggiungere la seguente funzione JavaScript:

Funzione setFormURL () {
var sendToURL = \ "xyz \"
ANDARE
document.testForm.action = \ "mailto: \" + sendToURL
ANDARE
}

Questa funzione imposta l'URL azione del modulo per il valore specificato nella variabile denominata \ "sendToURL \". Impostare il valore per l'URL di un account di posta elettronica noto che si possiede.

4 Testare la pagina HTML nel browser. Quando si clicca sul pulsante \ "Set Email URL \", la funzione JavaScript cambierà l'URL azione del modulo per il valore specificato nella funzione. Quando si invia il modulo, il browser invierà una e-mail a questo indirizzo e-mail.

Consigli e avvertenze

  • Se un visitatore del sito ha disabilitato JavaScript nelle sue impostazioni del browser, non è possibile utilizzare JavaScript per cambiare l'azione di un modulo.
  • È inoltre possibile utilizzare questa tecnica con forme regolari che non inviano messaggi di posta elettronica. Ad esempio, è possibile modificare l'URL di un programma di elaborazione PHP sul server utilizzando JavaScript.