Avatar billede n-emy Nybegynder
27. oktober 2010 - 20:10 Der er 2 kommentarer og
1 løsning

Vise "udfyld" boks når formfelt submittes tomt

Hejsa

Jeg har en form jeg gerne vil have lidt javascript på. Jeg vil gerne have at den tjekker nogle felter når jeg trykker på submit og hvis de er tomme skal den vise en boks der er sat some display:none; til at starte med. Har dette:

        if(!value) {
            alert("You must fill out all fields marked with * (Missing " + fieldName +")");
            return false;
        }

Men den kommer som i kan se bare med en alert, vil gerne have den viser boksen med id="error" gerne med en slide-effekt når feltet er tomt, jeg er ikke den store javascript ekspert så ville sætte pris på hjælp :)
Avatar billede claes57 Ekspert
27. oktober 2010 - 20:15 #1
det er lettere at lave, hvis du sender din formular ind - dels skal der skrives en fejltekst (jeg ville sætte plads af i formularen, og ikke bruge en alert), dels skal cursor vel placeres i det fejlfyldte/tomme felt.
Avatar billede n-emy Nybegynder
27. oktober 2010 - 21:14 #2
function verifySubmit() {
    var verifyContentList = [ 'name','address','sourceZip','phone','taskName',/*'description',*/'taskCity' ];
    for(var name in verifyContentList) {
        var fieldName=verifyContentList[name];
        var fieldList=document.getElementsByName(fieldName);
        var value=null;
       
        for(index in fieldList) {
            var field=fieldList[index];
            value=field.value;
/*
            if(fieldName=='description') {
                alert("Looking at field=" + field + " value=" + value + " firstChild=" + field.firstChild);
            }
*/           
            if(value)
                break;
        }
        if(!value) {
            alert("You must fill out all fields marked with * (Missing " + fieldName +")");
            return false;
        }
    }
    return true;
}



<form onsubmit='return verifySubmit();' name='contactForm' id='contactForm' action='<? PHP_SELF ?>' method='post' accept-charset='UTF-8' enctype="multipart/form-data">


<div class="success" id="success">Din opgave er blevet registreret.</div>

                    <span class="input">
<label for="name">Name: </label>
<input  type="text" id="name" name="name" />
<div class="warning" id="nameError">Udfyld et navn</div>
</span>
<input id="send" type="submit" value="SEND" /></form>
Avatar billede n-emy Nybegynder
16. november 2010 - 13:40 #3
Fandt en løsning på jquery.com =)
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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