How to Use OnSubmit in JavaScript

Een geweldige manier om taken in JavaScript te automatiseren is het gebruik van de gebeurtenis onSubmit. Met deze gebeurtenis, kunt u een webbrowser valideren van informatie die via een formulier voordat u bereikt hebben. Met de gebeurtenis onSubmit, kunt u de browser omleiden van een bezoeker naar een andere sectie van uw website, of u kunt zelfs voorkomen dat een formulier meer dan eens wordt voorgelegd. De truc is weten hoe het te doen.

Wat die u nodig hebt

  • JavaScript-editor
  • Webbrowser

Gebruik OnSubmit in JavaScript

  • Begrijpen dat de gebeurtenis onSubmit in JavaScript een aantal opdrachten (of zelfs maar één opdracht voert) het moment een websitebezoeker een verzendknop in een formulier klikt. Om te kunnen werken, moet het gebruik van een goed gecodeerde HTML-formulier en een functie die ergens boven het formulier zelf wordt gevestigd.

  • Maak een functie die de opdrachten worden uitgevoerd wanneer het formulier indienen wordt geklikt. Om dit op jezelf gemakkelijker te maken en om potentiële fouten te voorkomen, plaatst u deze functie in de header sectie van uw HTML-pagina. In het volgende voorbeeld:
    functie MyFormCommands() {}
    alert ("Some Text");
    }
    In dit voorbeeld verschijnt een waarschuwingsvenster met "Some Text" het moment dat een web-bezoeker op de verzendknop klikt op een formulier. Dat wil zeggen, de ervan uitgaande dat het formulier indienen knop is correct gecodeerd.

  • De functie aanroepen vanuit de-tag van uw HTML-pagina. In het volgende voorbeeld:< form="" onsubmit="MyFormCommands()">
    < input="" type="submit">
    < orm="">

  • Studie van het onderstaande voorbeeld dat aantoont dat het creëren van een gebeurtenis onSubmit In JavaScript. In het volgende voorbeeld wordt de functie met de naam "MyFormCommands()" het moment dat de verzendknop wordt geklikt en de woorden, "Some Text" in een waarschuwingsvenster wordt weergegeven.
    functie MyFormCommands() {}
    alert ("Some Text");
    }
    < form="" onsubmit="MyFormCommands()">
    < input="" type="submit">
    < orm="">

  • Kopieer en plak de bovenstaande code in uw eigen webpagina's als u zou liever niet een gebeurtenis onSubmit in JavaScript vanaf plein één code. U kunt de waarden van de voorbeeldcode vervangen door uw eigen informatie.

Tips & waarschuwingen
  • Als u niet uw script in verscheidene verschillende browsers testen, loopt u het risico van veroorzaakt compatibiliteitsproblemen voor uw gebruikers. Bijvoorbeeld Netscape en IE vaak niet delen de zelfde interpretaties (script executies).

Gerelateerde Artikelen

How to Use OnMouseOver in JavaScript

How to Use OnMouseOver in JavaScript

Als onderdeel van het Internet 'wijs en klik' beroep communiceert de gebeurtenis onMouseOver in JavaScript met een bezoeker op basis van waar hij de muiscursor wijst. Het is een geweldige manier om berichten weergeven, bezoekers te vermaken of zelfs
How to Use OnLoad in JavaScript

How to Use OnLoad in JavaScript

Soms, is het zinvol om te wachten totdat alle tekst, afbeeldingen, video's en geluiden worden geladen op een webpagina voordat u scripts uit te voeren. Bijvoorbeeld, scripting commando's midden in de BODY sectie, die zal worden uitgevoerd zoals ze wo
How to Use lengte() in JavaScript

How to Use lengte() in JavaScript

De meeste programmeertalen hebben een "Lengte"-functie voor het bepalen van het aantal tekens in een string-variabele. JavaScript hoeft niet een voorgeprogrammeerde functie Len, maar u kunt er zelf voor uw website. De functie Len roept de functi
How to Use LinkedIn

How to Use LinkedIn

Steeds meer mensen raken betrokken in sociale netwerken. Een paar jaar geleden, het was een populair onder de jongere menigte trend, maar zelfs bedrijven en hun uitvoerende teams zich aanmeldt. LinkedIn is een populaire website voor professionals met
How to Use Eyelets in stof

How to Use Eyelets in stof

Oogjes kunnen worden gebruikt voor het verfraaien van portemonnees of kleding, gordijnen hangen of te sluiten dingen. Hoewel niet ingewikkeld, kunnen oogjes frustrerend zijn als ze klein, moeilijk te zien, gemakkelijk te verliezen en nog meer frustre
How to Use Windows 7 "Snap" Tool

How to Use Windows 7 "Snap" Tool

Bij het bekijken van de documenten of bestanden openen, moet enkele minuten opmaak een venster voor het weergeven van digitale inhoud correct uitgaven nooit deel uitmaken van de vergelijking. Het besturingssysteem Windows 7 heeft een oplossing: de mo
How to Copy & plakken met Javascript

How to Copy & plakken met Javascript

JavaScript is een populaire scripting taal die u toelaat om de interactiviteit en dynamische effecten aan een webpagina toevoegen. Niet alleen kunt u hiermee maken leuke effecten zoals tekstanimatie en eenvoudige games, kunt u eenvoudige taken vereen
How to Create XLS met JavaScript

How to Create XLS met JavaScript

JavaScript is een web gebaseerde programmeertaal. Terwijl het gewoonlijk gebruikt wordt voor het maken van menu's, kan maken van en het omgaan met formulieren en voor andere taken in-site, het ook worden gebruikt om te starten van programma's. Met be
How to Cache van externe Javascript

How to Cache van externe Javascript

Wanneer een webbrowser wordt geladen een nieuwe website, downloaden het van bestanden naar een lokale cache. De webbrowser kan vervolgens snel toegang tot bestanden vanuit de lokale cache in plaats van hetzelfde bestand tweemaal redownloading. Als u
How to Call Ajax From Javascript

How to Call Ajax From Javascript

Asynchronous JavaScript en XML- of Ajax, is een programmering methode waarmee u inhoud op een webpagina bijwerken zonder het te vernieuwen. Ajax wordt meestal gebruikt door een XMLHttpRequest object van HTML te roepen en een JavaScript callback funct
How to Use-Case-diagrammen maken

How to Use-Case-diagrammen maken

Een use-case-diagram is een grafische beschrijving van de verschillende manieren waarop gebruikers met een systeem werken. Deze diagrammen zijn nuttige hulpmiddelen voor het communiceren van hoe een systeem moet werken met de aandeelhouders van het p
How to Change invoertekst met Javascript

How to Change invoertekst met Javascript

Veel webontwikkelaars gebruik JavaScript te wijzigen van een gebruiker tekstinvoer nadat hij het typen in een tekstvak. U kunt bijvoorbeeld JavaScript te verwijderen aanstootgevende woorden van van de gebruiker van een forum post. U kunt ook een pers
How to Use Gmail With Quickbooks

How to Use Gmail With Quickbooks

QuickBooks is een stukje software waarmee particulieren en kleine ondernemingen gemakkelijk hun boekhouding en financiën beheren. Een bijzonder handige functie van de software is de mogelijkheid te maken en versturen van facturen. Gebruikers kunnen t
How to Use zijdebloemen for a Girl's kamer muur Decor

How to Use zijdebloemen for a Girl's kamer muur Decor

Een jong meisje haar gedachten vaak kan veranderen, en een enorme miss het volgende wat ze zou kunnen beweren dat haar favoriete ding ooit één week mogelijk. Als het gaat om het versieren van haar slaapkamer, kan dit een uitdaging, vooral als het gaa