Avatar billede dhc Nybegynder
08. februar 2008 - 18:01 Der er 4 kommentarer og
1 løsning

Form valdering / javascript

Haiie Folkens.

Er begyndt på at lave min egen valider til formular uden succes!
Ville gerne have lavet så de fejl der nu en gang må være,
Der skal fejlen vises ud fra det input fejlt hvor fejlen er når man har trykket "OK".

Her er en start, håber i kan hjælpe mig:

// JAVASCRIPT
<script type="text/javascript">

function valider(){

    if(mail == ""){
        DO WHAT ?!
        }
}


</script>

// HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>NEW SITE</title>
</head>
<body>
<table width="370px">
<form method="post" onSubmit="valider(); return false;" action="">
    <tr>
        <td>
Fornavn(ene):<br />
<input type="text" name="fornavn" value="" /><br />
        </td>
        <td><SPAN>FEJL EVT.</SPAN></td>
    </tr>
    <tr>
        <td>
        Mail:<br/>
        <input type="text" name="mail" />
        </td>
        <td><SPAN>FEJL EVT.</SPAN></td>
    </tr>
    <tr>
        <td ><br/>
        <input type="submit" name="adduser" value="OK" />
        </td>
    </tr>
</form>
</table>
</body>
</html>
Avatar billede w13 Novice
09. februar 2008 - 00:29 #1
Evt.:
-----------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>NEW SITE</title>
<script type="text/javascript" language="javascript">
function valider(){
    if(document.getElementById("fornavn")==""){
        document.getElementById("fornavnfejl").firstChild.nodeValue="Du skal udfylde dette felt!"
        return false
    }
    if(document.getElementById("mail")==""){
        document.getElementById("mailfejl").firstChild.nodeValue="Du skal udfylde dette felt!";
        return false
    }
    return true
}
</script>
</head>
<body>
<form method="post" action="nyside.htm" onsubmit="return valider()">
<table width="370px">
    <tr>
        <td>
          Fornavn(ene):<br />
          <input type="text" id="fornavn" name="fornavn" /><br />
        </td>
        <td><span id="fornavnfejl">&nbsp;</span></td>
    </tr>
    <tr>
        <td>
        Mail:<br/>
        <input type="text" id="mail" name="mail" />
        </td>
        <td><span id="mailfejl">&nbsp;</span></td>
    </tr>
    <tr>
        <td >
          <br/><input type="submit" value="OK" />
        </td>
    </tr>
</table>
</form>
</body>
</html>
Avatar billede dhc Nybegynder
11. februar 2008 - 11:45 #2
Hey w13 løsning virker desværre ikke...

men ja det skal være i den stil.
Avatar billede w13 Novice
11. februar 2008 - 13:29 #3
Nej, jeg glemte .value på felterne:
------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>NEW SITE</title>
<script type="text/javascript" language="javascript">
function valider(){
    bReturn=true;
    if(document.getElementById("fornavn").value==""){
        document.getElementById("fornavnfejl").firstChild.nodeValue="Du skal udfylde dette felt!"
        bReturn=false
    }
    if(document.getElementById("mail").value==""){
        document.getElementById("mailfejl").firstChild.nodeValue="Du skal udfylde dette felt!";
        bReturn=false
    }
    return bReturn
}
</script>
</head>
<body>
<form method="post" action="nyside.htm" onsubmit="return valider()">
<table width="370px">
    <tr>
        <td>
          Fornavn(ene):<br />
          <input type="text" id="fornavn" name="fornavn" /><br />
        </td>
        <td><span id="fornavnfejl">&nbsp;</span></td>
    </tr>
    <tr>
        <td>
        Mail:<br/>
        <input type="text" id="mail" name="mail" />
        </td>
        <td><span id="mailfejl">&nbsp;</span></td>
    </tr>
    <tr>
        <td >
          <br/><input type="submit" value="OK" />
        </td>
    </tr>
</table>
</form>
</body>
</html>
Avatar billede dhc Nybegynder
11. februar 2008 - 13:32 #4
takker mange gange :)
Avatar billede w13 Novice
11. februar 2008 - 13:49 #5
Og tak for point!
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