Avatar billede Morten Professor
24. april 2017 - 21:36 Der er 4 kommentarer og
1 løsning

.submit() Hvordan gør jeg

Hej Eksperter

Har en formel der skal køres igennem når der trykkes på submit
Men kan ikke få den til det. Har kigget lidt omkring på nettet, men kan ikke finde svaret, har fået nogen metoder men kan ikke få det til at virke.

Her er koden jeg arbejder med.
var formular =
{
    ready:function()
    {
        $('form').submit(function(){
            if($('input#efternavn') == 0){
        alert("Indtast efternavn");
        ('input#efternavn').focus();       
            }
            $('input#adresse'),
            $('input#postnummer'),
            $('input#by'),
            $('input#telefonnummer')
    }
)}
}           
$(document).ready(formular.ready);

og det er htmlen:
<form action="" method="post" name="kontakt" id="kontakt">
<label>Navn: </label><br />
<input type="text" id="navn" name="navn" size="40" /><br />
<label>Efternavn: </label><br />
<input type="text" id="efternavn" name="efternavn" size="40" /><br />
<label>Adresse: </label><br />
<input type="text" id="adresse" name="adresse" size="40" /><br />
<label>Postnummer: </label><br />
<input type="text" id="postnummer" name="postnummer" size="4" /><br />
<label>By: </label><br />
<input type="text" id="by" name="by" size="40" /><br />
<label>Telefonnummer: </label><br />
<input type="text" id="telefonnummer" name="telefonnummer" size="40" /><br />
<button type="submit">Send</button>
</form>

Med venlig hilsen
Morten
Avatar billede Morten Professor
25. april 2017 - 06:29 #1
Hvad en ny morgen kan gøre, jeg fandt ud af det brugte return; her er koden som den er nu:

var formular =
{
    ready:function()
    {
        $('form').submit(function(){
            if($('input#efternavn') == 0)return;{
        alert("Indtast efternavn");
        ('input#efternavn').focus();       
            }
            $('input#adresse'),
            $('input#postnummer'),
            $('input#by'),
            $('input#telefonnummer')
    }
)}
}
           
           
           
$(document).ready(formular.ready);
Avatar billede Morten Professor
25. april 2017 - 06:31 #2
øv var for hurtig ude
Avatar billede Morten Professor
25. april 2017 - 06:40 #3
Den bliver bare ved med at komme med alert selvom der står noget i den
Avatar billede Morten Professor
25. april 2017 - 09:54 #4
Fandt frem til denne løsning
var formular =
{
    ready:function()
    {
        $('form').submit(function(event){
            if($('input#efternavn').val() == 0){
            alert("Indtast efternavn");
        ('input#efternavn').focus();
            return false
            }
           
            $('input#adresse'),
            $('input#postnummer'),
            $('input#by'),
            $('input#telefonnummer')
    }
)}
}
og det virker nu skal jeg have den til at focus på det input der mangler
Avatar billede Morten Professor
25. april 2017 - 12:45 #5
Løsning:

var formular =
{
    ready:function()
    {
       
        $('form').submit(
        function(event){
            // Hvis input#navn er tom, kommer alarm boksen
            if($('input#navn').val() == 0){            // Viser en alarm boks hvis ingen ting står i boxen
            alert("Indtast navn");
            //Fokusere på den boks der mangler tekst.
        $('input#navn').focus();
            return false
            }
           
            if($('input#efternavn').val() == 0){
            alert("Indtast efternavn");
        $('input#efternavn').focus();
            return false
            }
            if($('input#adresse').val() == 0){
            alert("Indtast adresse");
        $('input#adresse').focus();
            return false
            }if($('input#postnummer').val() == 0){
            alert("Indtast postnummer");
        $('input#postnummer').focus();
            return false
            }if($('input#by').val() == 0){
            alert("Indtast by");
        $('input#by').focus();
            return false
            }if($('input#telefonnummer').val() == 0){
            alert("Indtast telefonnummer");
        $('input#telefonnummer').focus();
            return false
            }
    }
)}
}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester