Sådan ændres Form Action hjælp Javascript

Dynamisk at ændre en formular indsats værdi ved hjælp af JavaScript. laptop billede ved DuÅ¡an Zidar fra Fotolia.com

fleste HTML-formularer har en hård-kodet handling URL, der sjældent skal ændres.En handling URL er intet mere end den webadresse, hvor en formular data vil blive behandlet.Ved hjælp af JavaScript, kan du ændre handlingen URL, før et websted besøgende sender formularen til serveren.Denne teknik kan komme i handy, hvis du ikke kender en form handling URL forhånd.Du kan demonstrere dette kodeteknik ved at ændre en e-mail forms URL som svar på en brugers input.

hvad du har brug

  • HTML Editor

Instruktioner

  1. Opret en ny HTMLdokument og tilføje følgende formular kode til kroppen af ​​dokumentet:

    & lt; formen name = \ "testForm \" action = \ "\" enctype = \ "text / plain \" method = \ "POST \" & gt;
    & lt; p & gt;Fra: & lt; input type = \ "tekst \" name = \ "Test Name \" & gt;
    & lt; p & gt;& lt; input type = \ "send \" værdi = \ "indsende formularen \" & gt;

    Denne formular vil forelægge en e-mail til den URL angi

    vet i form handling parameter.Fordi denne webadresse er tomt, vil e-mail-processen mislykkes.Du vil dynamisk sæt, URL ved hjælp af JavaScript til at levere de manglende webadresse.

  2. Tilføj en HTML knappen nedenfor formularen ved hjælp af denne kode:

    & lt; input type = \ "knappen \" værdi = \ "Klik for Set Target URL \" onclick = \ "return setFormURL () \" / & gt;

  3. Opret en \ "& lt; script & gt; \" i dokumentet og tilføje følgende JavaScript-funktionen:

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

    Denne funktion vil sætte handling webadressen på blanketten til den værdi, du angiver i variabel med navnet \ "sendToURL \".Indstil denne værdi til webadressen på en kendt e-mail-konto, som du ejer.

  4. Test HTML-siden i din browser.Når du klikker på \ "Set Email URL \" knappen, vil JavaScript-funktionen ændrer handling webadressen på blanketten til den værdi, du har angivet i funktionen.Når du indsender formularen, vil browseren sende en mail til denne e-mail-adresse.

Tips & amp;Advarsler

  • Hvis et websted besøgende har JavaScript deaktiveret i sine browserindstillinger, du kan ikke bruge JavaScript til at ændre en form handling.
  • Du kan også bruge denne teknik med regelmæssige former, der ikke sende e-mails.For eksempel kan du ændre webadressen på en PHP behandling program på din server ved hjælp af JavaScript.

Ressourcer

  • HTML Kode Tutorial: HTML Form
  • Net Mechanic: Form Processing Basics
607
0
1
Java Script