Nwlapcug.com


Come cambiare forma azione utilizzando JavaScript

Come cambiare forma azione utilizzando JavaScript


Maggior parte dei moduli HTML hanno un URL hardcoded azione che raramente ha bisogno di essere cambiato. Un URL di azione non è altro che l'URL dove verranno trattati i dati di un modulo. Utilizzando JavaScript, è possibile modificare l'URL di azione prima che un visitatore del sito invia il form al server. Questa tecnica può tornare utile se non si conosce azione URL di una forma in anticipo. È possibile dimostrare questo tecnica di codifica, modificando la URL di un modulo di e-mail in risposta a un input dell'utente.

Istruzioni

1

Creare un nuovo documento HTML e aggiungere il seguente codice di forma al corpo del documento:

< nome modulo = \ "testForm\" azione = \ "\" enctype = \ "testo/plain\" Metodo = \ "POST\" >
< p > da: < input type = \ "testo \" nome = \ "Test Name \" >
< p >< tipo input = \ "submit\" valore = \"submit form\" >

Questa forma presenta un'e-mail all'URL specificato nel parametro action del form. Poiché questo URL è vuoto, il processo di e-mail avrà esito negativo. Si imposterà dinamicamente tale URL utilizzando JavaScript per fornire l'URL di manca.

2

Aggiungere un pulsante HTML sotto il modulo utilizzando questo codice:

< tipo input = \ "button" valore = \ "Clicca per impostare destinazione nell" onclick = \ "return setFormURL () \" / >

3

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

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

Questa funzione verrà impostato il valore specificato nella variabile denominata \"sendToURL\ l'URL di azione del form". Impostare tale valore all'URL di un account di posta elettronica noti che possedete.

4

Testare la pagina HTML nel browser. Quando si sceglie il \"Set Email URL\" pulsante, la funzione JavaScript cambierà l'URL di azione della forma al valore specificato nella funzione. Quando si invia il modulo, il browser invierà un'e-mail a questo indirizzo e-mail.

Consigli & Avvertenze

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