How to Change Form actie JavaScript

Dynamisch veranderen actie de waarde van een formulier met behulp van JavaScript . laptop door Dušan Zidar uit Fotolia.com

meeste HTML-formulieren hebben een hard-coded actie URL die zelden moet worden veranderd.Een actie URL is niets meer dan de URL data wanneer een formulier wordt verwerkt.Met behulp van JavaScript, kunt u de actie URL te veranderen voordat een bezoeker van de site legt het formulier naar de server.Deze techniek kan van pas komen als je geen actie URL van een formulier op voorhand weten.U kunt deze codering techniek te demonstreren door het veranderen van de URL van een e-mail formulier in reactie op invoer van een gebruiker.

wat je nodig hebt

  • HTML-editor

instructies

  1. Maak een nieuwe HTMLdocument en voeg de volgende formulier code om het lichaam van het document:

    & lt; vorm naam = \ "testform \" action = \ "\" enctype = \ "text / plain \" method = \ "POST \" & gt;
    & lt; p & gt;Van: & lt; input type = \ "text \" name = \ "Test Naam \" & gt;
    & lt; p & gt;& lt; input type = \ "submit \" value = \ "submit vorm \

    " & gt;

    Dit formulier zal een e-mail indienen bij de URL die is opgegeven in de parameter de vorm van de actie.Omdat deze URL leeg is, zal de e-mail proces mislukken.U zult dynamisch in te stellen die URL met behulp van JavaScript om de ontbrekende URL leveren.

  2. Voeg een HTML-knop onder de vorm met behulp van deze code:

    & lt; input type = \ "knop \" value = \ "Klik om Set Target URL \" onclick = \ "terug setFormURL () \" / & gt;

  3. Maak een \ "& lt; script & gt; \" sectie in het document en voeg de volgende JavaScript-functie:

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

    Deze functie zal de actie URL van het formulier ingesteld op de waarde die u opgeeft in de variabele met de naam \ "sendToURL \".Stel dat de waarde van de URL van een bekende e-mailaccount die u bezit.

  4. Test de HTML-pagina in uw browser.Wanneer u op de \ "Set E-mail URL \" knop, zal de JavaScript-functie de actie URL van het formulier wijzigen om de waarde die u hebt opgegeven in de functie.Wanneer u het formulier, zal de browser een e-mail te sturen naar dat e-mailadres.

Tips & amp;Waarschuwingen

  • Als een bezoeker van de site Javascript is uitgeschakeld in de instellingen van zijn browser, kunt u niet JavaScript actie van een formulier te wijzigen.
  • U kunt deze techniek ook gebruiken met reguliere vormen die geen e-mails niet te sturen.Zo zou je de URL van een PHP-processing programma op uw server te veranderen met behulp van JavaScript.

Resources

  • HTML Code Tutorial: HTML Form
  • Net Mechanic: Vorm Processing Basics
33
0
1
Java Script