Slik endrer form action Bruker Javascript

Slik endrer form action Bruker Javascript


De fleste HTML-skjemaer har en hardkodet handling URL som sjelden må endres. En handling URL er noe mer enn en URL der en skjemaets data vil bli behandlet. Ved hjelp av Javascript, kan du endre virkningen URL før et nettsted besøkende sender skjemaet til serveren. Denne teknikken kan komme godt med hvis du ikke vet en form handling URL forhånd. Du kan vise denne koding teknikk ved å endre en epost skjemaets URL som svar på en brukers innspill.

Bruksanvisning

1 Opprett en ny HTML-dokument og legg til følgende form koden til kroppen av dokumentet:

<Form name = \ "testForm \" action = \ "\" enctype = \ "text / plain \" method = \ "POST \">
<P> Fra: <input type = \ "tekst \" name = \ "Test Name \">
<P> <input type = \ "submit \" value = \ "sende skjema \">

Dette skjemaet vil sende en e-post til nettadressen som er angitt i form handling parameter. Fordi denne nettadressen er tomt, vil e-prosessen mislykkes. Du vil dynamisk sette denne webadressen ved hjelp av Javascript for å levere den manglende nettadressen.

2 Legg en HTML-knappen under form ved hjelp av denne koden:

<Input type = \ "-knappen \" value = \ "Klikk sette Target URL \" onclick = \ "tilbake setFormURL () \" />

3 Lag en \ "<script> \" i dokumentet og legge til følgende Javascript-funksjonen:

funksjon setFormURL () {
Var sendToURL = \ "xyz \"

document.testForm.action = \ "mailto: \" + sendToURL

}

Denne funksjonen vil sette handlingen URL på formen til verdien du angir i variabelen kalt \ "sendToURL \". Sett denne verdien til nettadressen til en kjent e-postkonto som du eier.

4 Test HTML-side i nettleseren din. Når du klikker på \ "Set E-post URL \" knappen, vil Javascript-funksjonen endre handlingen URL på formen til verdien du har angitt i funksjonen. Når du sender inn skjemaet, vil nettleseren sende en e-post til den e-postadressen.

Hint

  • Hvis et nettsted besøkende har Javascript deaktivert i nettleserinnstillingene sine, kan du ikke bruke Javascript for å endre en form handling.
  • Du kan også bruke denne teknikken med regelmessige former som ikke sender e-post. For eksempel kan du endre nettadressen til en PHP behandling program på serveren din ved hjelp av Javascript.