Avatar billede themaster Nybegynder
27. marts 2004 - 21:05 Der er 7 kommentarer og
1 løsning

poste tekst i stedet for alert()

Hej Exp's

Jeg har denne kode. Den står i en .js-fil, og er dermed ikke blandet med resten af min side.

// Dette script tjekker om formen er udfyldt korrekt.
function tjek() {
        if(document.opret_form.fornavn.value=="") {
            alert("Du skal skrive dit navn.")
            document.opret_form.fornavn.focus();
            return false;
        }
        if(document.opret_form.efternavn.value=="") {
            alert("Du skal skrive dit efternavn.");
            document.opret_form.efternavn.focus();
            return false;
        }
        if(document.opret_form.adresse.value=="") {
            alert("Du skal angive din adresse.");
            document.opret_form.adresse.focus();
            return false;
        }
        if(document.opret_form.postnr.value=="") {
            alert("Du skal angive dit postnr.");
            document.opret_form.postnr.focus();
            return false;
        }
        if(document.opret_form.bopael.value=="") {
            alert("Du skal angive dit postnr.");
            document.opret_form.bopael.focus();
            return false;
        }
        if(document.opret_form.mail.value=="") {
            alert("Du skal skrive din email-adresse.");
            document.opret_form.mail.focus();
            return false;
        }
    if ( !document.opret_form.mail.value.match(/^[^\.]?[\w\.-]+@[^\.]?[\w\.-]+\.[A-Z]{2,4}$/i) ) {
      alert( 'Du har ike skrevet en gyldig email-adresse.\n\nDin email-adresse kunne f.eks. se sådan ud:\n\n ditnavn@domæne.dk' );
            document.opret_form.mail.focus();
            return false;
    }
        if(document.opret_form.nick.value=="") {
            alert("Du skal skrive et nickname.");
            document.opret_form.mail.focus();
            return false;
        }
        if(document.opret_form.pwd1.value=="") {
            alert("Du skal skrive en adgangskode.");
            document.opret_form.pwd1.focus();
            return false;
        }
        if(document.opret_form.pwd1.value.length < 5) {
            alert("Din adgangskode skal mindst være på 5 tegn.");
            document.opret_form.pwd1.focus();
            return false;
        }
        if(document.opret_form.pwd1.value!=document.opret_form.pwd2.value) {
            alert("De to adgangskoder er ikke ens!!!");
            document.opret_form.pwd2.focus();
            return false;
        }
}

Jeg vil gerne have at den skal poste det for enden af felterne, og ikke i alertboxe som nu. Noget i den her stil:

<input type="text" name="fornavn"><!-- HER SKAL DEN POSTE -->

Hvordan får jeg den til det?

//themaster
Avatar billede cautoo Nybegynder
27. marts 2004 - 21:43 #1
I stedet for at bruge alerts, kan du efter hvert felt, indsætte en SPAN...
<SPAN ID=minspan1></SPAN>

Fra et javascript kan du så skrive HTML koden, som skal stå i den, ved hjælp af: document.getElementById('minspan1').innnerHTML = 'Dette felt er ikke udfyldt';

og så bare lave en span til hvert felt...
Avatar billede cautoo Nybegynder
27. marts 2004 - 21:45 #2
innerHTML er selvfølgelig kun med 2 n'er
Avatar billede roenving Novice
27. marts 2004 - 23:17 #3
Hvis det skal postes uanset indhold, hvorfor validerer du så ?-)
Avatar billede roenving Novice
27. marts 2004 - 23:42 #4
Argh, jeg skulle se den to gange før jeg forstod !-)

-- og cautoos måde at gøre det på er helt rigtig, måske kunne du udbygge den med:

&nbsp;<span id="nickSpan" class="alert"></span>

Og så i dit stylesheet tilføje:

.alert{
  color:red;
  font-weight:800;
}

-- hvis alle dine spans så har navn efter den input, som står i samme linje kan du f.eks.:

function tjek(f){
//...
        fld = f.nick;
        if(fld.value=="") {
            document.getElementById(fld.name+'Span').innerHTML= "Du skal skrive et nickname.";
            fld.focus();
            return false;
        }
//...
}

-- og kalde den med:

<form ... onsubmit="return tjek(this);">
Avatar billede themaster Nybegynder
29. marts 2004 - 20:18 #5
læg lige et svar
Avatar billede roenving Novice
29. marts 2004 - 20:22 #6
Velbekomme '-)

-- men det jeg skrev, var jo en videreudbygning af det svar, cautoo havde lagt i forvejen !-)
Avatar billede themaster Nybegynder
29. marts 2004 - 21:10 #7
venter lige til han lægger et svar....så får du 5 og han kan få de 10....håber det er ok....
Avatar billede roenving Novice
30. marts 2004 - 22:14 #8
-- tak for points ;~}

>>cautoo
-- du må lige reagere, så opretter jeg fluks et spørgsmål til dig !-)
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