Validering af Form

istedet for at submitte formen direkte, så kald en javascript function, som checker det du vil checke og hvis det er OK submitter formen.

noget a la det her:

function ditcheck()
{
    // check stuff goes here
   
    dinform.submit
}

<FORM action=\"java script:ditcheck()\" id=dinform name=dinform>
.
.
.
</form>

det check stuff hvad skal der stå der?
nogen i den stil her:

if(name.equals(null)){
alert(\"du har ikke indtastet et navn\");
ok = false;
}

?

ja evt.

Hvis jeg har et input felt der hedder \"navn\" hvordan kan jeg så i javascript checke om den er tom?

minform.submit virker ikke jeg skal bruge en mere detaljeret kode omkring det check plz .

jeg har en form her :
<form name=\"opretBruger\" action=\"java script:valider()\" id=\"opretBruger\" navn=\"opretBruger\">
            <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
              <tr><td colspan=\"2\">Felterne med * skal indtastes</td></tr>
              <tr><td>&nbsp;</td></tr>
              <tr><td>Fornavn:*&nbsp;</td><td><input type=\"text\" name=\"fornavn\"></td><tt><td>(...kun fornavn ikke mellem-navne)</tt></td></tr>
              <tr><td>Efternavn:*&nbsp;</td><td><input type=\"text\" name=\"efternavn\"></td><td><tt>(...efternavn fx Robert <u>Hansen</u>)<tt></td></tr>
              <tr><td>Brugernavn:*&nbsp;</td><td><input type=\"text\" name=\"brugernavn\"></td><td><tt>(...det du bruger på skolen til login)<tt></td></tr>
              <tr><td>Password:*&nbsp;</td><td><input type=\"password\" name=\"password\"></td><td><tt>(...bemærk dette er <b>ikke</b> det du bruger på skolen!!)<tt></td></tr>
              <tr><td>Password:*&nbsp;</td><td><input type=\"password\" name=\"password2\"></td><td><tt>(...gentag password)<tt></td>
              <tr><td>Tlfnummer:&nbsp;</td><td><input type=\"text\" name=\"tlfnr\"></td><td><tt>(...fx 87341127)<tt></td></tr>
              <tr><td>Hjemmeside:&nbsp;</td><td><input type=\"text\" name=\"hjemmeside\"></td><td><tt>(...fx http://din.hjemmeside.dk)<tt></td></tr>
              <tr><td>Email:&nbsp;</td><td><input type=\"text\" name=\"email\"></td><td><tt>(...efterlad tom hvis du bruger skolens)<tt></td></tr>
              <tr><td><input type=\"submit\" value=\"opret nu\"></td><td><input type=\"reset\" value=\"nulstil nu\"></td></tr>
            </table>
          </form>

og en validering kode:

function valider(){
    var form_ok = true;
    if (opretBruger.fornavn.value == \"\"){
        alert(\"Du har ikke indtastet et fornavn\");
        form_ok = false;
    }
    if (opretBruger.efternavn.value == \"\"){
        alert(\"Du har ikke indtastet et efternavn\");
        form_ok = false;
    }
    if (opretBruger.brugernavn.value == \"\"){
        alert(\"Du har ikke indtastet et brugernavn\");
        form_ok = false;
    }
    if (opretBruger.password.value != opretBruger.password2.value){
        alert(\"dine passwords matcher ikke!\");
        form_ok = false;   
    }   
    if (form_ok){
        opretBruger.submit;
    }

}

MEN min opretBruger.submit virker ikke....hvorfor?

Der er et par gode eksempler her :
http://developer.netscape.com/docs/examples/javascript/formval/overview.html

Således thomas:

function valider(){
    var form_ok = true;
    if (opretBruger.fornavn.value == \"\"){
        alert(\"Du har ikke indtastet et fornavn\");
        form_ok = false;
    }
    if (opretBruger.efternavn.value == \"\"){
        alert(\"Du har ikke indtastet et efternavn\");
        form_ok = false;
    }
    if (opretBruger.brugernavn.value == \"\"){
        alert(\"Du har ikke indtastet et brugernavn\");
        form_ok = false;
    }
    if (opretBruger.password.value != opretBruger.password2.value){
        alert(\"dine passwords matcher ikke!\");
        form_ok = false;   
    }   
    return form_ok;
}



og

<form name=\"opretBruger\" action=\"form.php\" onSubmit=\"return valider()\" id=\"opretBruger\" navn=\"opretBruger\">
            <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
              <tr><td colspan=\"2\">Felterne med * skal indtastes</td></tr>
              <tr><td>&nbsp;</td></tr>
              <tr><td>Fornavn:*&nbsp;</td><td><input type=\"text\" name=\"fornavn\"></td><tt><td>(...kun fornavn ikke mellem-navne)</tt></td></tr>
              <tr><td>Efternavn:*&nbsp;</td><td><input type=\"text\" name=\"efternavn\"></td><td><tt>(...efternavn fx Robert <u>Hansen</u>)<tt></td></tr>
              <tr><td>Brugernavn:*&nbsp;</td><td><input type=\"text\" name=\"brugernavn\"></td><td><tt>(...det du bruger på skolen til login)<tt></td></tr>
              <tr><td>Password:*&nbsp;</td><td><input type=\"password\" name=\"password\"></td><td><tt>(...bemærk dette er <b>ikke</b> det du bruger på skolen!!)<tt></td></tr>
              <tr><td>Password:*&nbsp;</td><td><input type=\"password\" name=\"password2\"></td><td><tt>(...gentag password)<tt></td>
              <tr><td>Tlfnummer:&nbsp;</td><td><input type=\"text\" name=\"tlfnr\"></td><td><tt>(...fx 87341127)<tt></td></tr>
              <tr><td>Hjemmeside:&nbsp;</td><td><input type=\"text\" name=\"hjemmeside\"></td><td><tt>(...fx http://din.hjemmeside.dk)<tt></td></tr>
              <tr><td>Email:&nbsp;</td><td><input type=\"text\" name=\"email\"></td><td><tt>(...efterlad tom hvis du bruger skolens)<tt></td></tr>
              <tr><td><input type=\"submit\" value=\"opret nu\"></td><td><input type=\"reset\" value=\"nulstil nu\"></td></tr>
            </table>
          </form>

Cool Goz!!! :))
det sidste virkede perfekt s