NemProgrammering.dk logo
nordicway webhotel

Validering af HTML formular/form med JavaScript - En simpel funktion

JavaScript kursus | Gratis danske videoguides
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, Instance.dk - WordPress hjemmesider

I denne danske video tutorial viser vi hvordan du kan validere / kontrollere din HTML formular inden den bliver sendt ved hjælp af JavaScript. Alt du behøver at gøre, er at lave en funktion som bliver kørt inden din formular bliver sendt. Det er en rigtig god ide at have en JavaScript funktion som validerer dine formularer inden de bliver sendt, så du undgår at modtage "halvt udfyldte" formularer.

Herunder finder du JavaScript koderne der vil blive lavet i videoen! - kopier dem gerne!

Video tags:

JavaScript video tutorial, JavaScript vejledning, dansk video tutorial, lær JavaScript, JavaScript for begyndere, validering af forumlar i javascript, form kontrol in javascript.

Her har du kildekoden

<!DOCTYPE html>
<HTML lang="da">
    <HEAD>
        <TITLE> Formular validering med JavaScript </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
    </HEAD>
    <BODY>
        
        <form name="formular" action="T1.html" method="post" onsubmit="return validerform ()">
           Navn <input name="navn" type="text"/><br/>
           Alder <input name="alder" type="text"/><br/>
            <input type="submit" name="send" value="send" />
        </form>
        
        
        <script type="text/javascript">
         function validerform () {
             
             if (document.formular.navn.value == "") {
                 
                 alert ("dit navn er ikke udfyldt");
                 return false;
                 
             } 
             
             if (document.formular.alder.value == "") {
                 
                 alert ("din alder er ikke udfyldt");
                 return false;
                 
             }
             
             if (document.formular.alder.value != "" && document.formular.navn.value != "" ) {
                 
                 return true;
                 
             }
         } 
       </script>   

    </BODY>
</HTML>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Anton    15-04-2013

Hejsa Kan i ikke vise hvordan man laver sådan et login/opret bruger system? I har kun vist med administratorbruger

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    09-04-2013

Hej Lau, Det er et hjemmelavet script, og det er ret simpelt. Det er et billede og et stykke tekst som bliver kontrolleret via et par if else statements i php...så du brude kunne lavet et selv... Du kan også lave det med javascript...Prøv at google "how to make a simple spam check javascript" eller med php...

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lau Lauritzen    09-04-2013

Dette spamcheck du har her i denne spørgsmåls form (Et lille regnestykke) kunne jeg godt tænke mig at få på min hjemmeside. Er det en du selv har lavet eller er det et script man kan finde et eller andet sted ?, da jeg ikke er en super kodehaj Med venlig hilsen Lau Lauritzen lauSNABELApostman.dk

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jess Ulrik Verge    20-12-2012

Tak for de gode og pædagogiske videoer om Javascript. Det kunne være spændende at se nogle tilsvarende videoer, hvor det vises, hvordan man arbejder med Javascript i et CMS som f.eks. Drupal.

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jonas Christensen    28-02-2012

Jeg elsker bare den her hjemmeside bliv ved med at lave videoer. :) Men vil du ikke give nogle hjemmeside eksempler i alle videoer er det ikke vist i hjemmeside eksempel.. Håber i kunne gøre så det var det. :)