Søg
Avatar billede morten Nybegynder
12. marts 2000 - 16:55 Der er 16 kommentarer og
1 løsning

Form, JavaScript, Image-fil og validering... scriptet validerer ikke alle felter

Jeg vil gerne have skiftet standard knappen ud med en image-fil og samtidig validere en form.

Det virker næsten.
Problemet er, at scriptet kalder cgi-scriptet før den har valideret hele formen.
F.eks. hvis fornavn ikke er er udfyldt, kommer alert-boxen, og når man trykker Ok til alert-boksen,
så kalder den cgi-scriptet uden at have valideret resten af input-felterne.

Her følger en forkortet udgave af mit script.

<script language="JavaScript"><!--
function ValiderForm(form)
{
  if (!ValiderFornavn(form)) return;
  if (!ValiderEfternavn(form)) return;
  if (!ValiderEmail(form)) return;
  if (!ValiderSeminarium (form)) return;
  if (!ValiderStamholdOgLiniefag(form)) return;
  document.formular.submit(); 
}

function ValiderFornavn(form)
{
  if (form.fornavn.value == "")
  {
    form.fornavn.focus();
    alert("Du mangler at skrive dit FORNAVN");
    return(false);
  }
  else
    return(true);
}

...[klip-begynd]....
En masse funktioner
...[klip-slut]....

}
// --></script>     
      <form name="formular" action="/cgi-bin/soeg.pl" method="POST" ONSUBMIT="return ValiderForm(form);">
        <input type="HIDDEN" name="searchstring" value="**ADD RECORD**">
        ...[klip-begynd]....
        En masse inputfelter
        ....[klip-slut]....
       
        <input type="image" src="../billeder/slet.gif" value="reset">
        <input type="hidden" name="searchstring" value="**ADD RECORD**">
        <input type="image" src="../billeder/ok.gif" value="submit" ONCLICK="return ValiderForm(form);">
Avatar billede morten Nybegynder
12. marts 2000 - 16:56 #1
Jeg ved godt at der står i "submit" knappen er onclick og i form-feltet er ONSUBMIT...

Men man må jo prøve begge muligheder...

Kan du se, hvor det er galt?

Mvh.
Morten
Avatar billede erikjacobsen Ekspert
12. marts 2000 - 19:30 #2
Fjern den der onclick i submit-knappen og skriv:

function ValiderForm(form)
{
  if (!ValiderFornavn(form)) return false;
  if (!ValiderEfternavn(form)) return false;
  if (!ValiderEmail(form)) return false;
  if (!ValiderSeminarium (form)) return false;
  if (!ValiderStamholdOgLiniefag(form)) return false;
  return true;
}
Avatar billede morten Nybegynder
12. marts 2000 - 22:00 #3
Desværre....

Det virker ikke.
Hvis jeg gør som du foreslår, validerer den slet ikke.
Mens hvis jeg indsætter onclick i submit-feltet, validerer den som før - og agerer som før.

Altså den validerer kun et felt og derefter kalder den pl.-scriptet.

Min javascript function er i headderen, så det skulle være godt nok.
Jeg har også ændret functionen som du foreslår, men det virker desværre ikke.

Men jeg hører gerne andre forslag, da jeg gerne vil benytte billedfiler som submit-knapper, på alle mine sider - og det er efterhånden mange.

mvh.
Morten
Avatar billede hatecaps Nybegynder
12. marts 2000 - 22:50 #4
jeg ville definere en global variable der sættes til true (eller 1) i starten af validerings hovedfunktionen. I de forskellige validerings underfunktioner kan du så sætte den til false (eller 0) hvis en test slår fejl. til sidst i hoved valideringsfunktionen submitter du så formen direkte hvis variablen stadigvæk er true. dernæst ville jeg så fjerne onsubmit kaldet, og også fjer "return" før validerform i onclick kaldet for knappen
Avatar billede erikjacobsen Ekspert
12. marts 2000 - 22:59 #5
Som mit tidligere svar, udvidet med 

ONSUBMIT="return ValiderForm(document.formular);"
Avatar billede erikjacobsen Ekspert
13. marts 2000 - 00:15 #6
Åh, jamen, morten, du "vrøvler" jo, og jeg læste ikke det hele.
Du skriver i din kommentar, at det er en "submit"-knap, og det er
det jo ikke.

Du skal derfor blot sikre dig, at navnet i kaldet af valideringsfunktionen
også er korrekt:

ONCLICK="return ValiderForm(formular);"

eller

ONCLICK="return ValiderForm(document.formular);"

og fjerne den onsubmit i toppen af formen.
Avatar billede olebole Juniormester
13. marts 2000 - 05:43 #7
<ole>

ONCLICK="return ValiderForm(this.form);"
...burde også virke.

/VH
</bole>
Avatar billede erikjacobsen Ekspert
13. marts 2000 - 09:16 #8
Ja, det er vist rigtigt Ole. Morten, giv os
lige hele baduljen, hvis det stadig ikke
virker.
Avatar billede morten Nybegynder
13. marts 2000 - 17:47 #9
Hej Alle

Tak for alle jeres forslag, men det virker ikke. Jeg tror ikke at det jeres skyld, så derfor udgiver jeg her hele scriptet - som foreslået af erikjacobsen.
Håber at dette bringer lys over sagen.

Det skal også siges, at jeg har været næsten alle steder på nettet for at finde oplysninger som kunne bringe mig videre, men ikke nogen steder har de en opskrift som er bedre end jeres, så derfor tror jeg at det er noget grundlæggende der er galt.

Men først vil jeg knytte nogle kommetarer:

1) Scriptet har tidligere fungeret med en standard submit-knap.
  Tidligere: <input type"button" value="OK" onclick="ValiderForm(form)">
  Nu ønsker jeg at få det til at få det til at se ud a lá: <input type"image" src="../billeder/ok.gif" onclick="ValiderForm(form)">

2) Formålet er altså at skifte standard-knappen ud med en billedefil og samtidig kunne bruge javascript til at validere formen.

3) Jeg kunne godt bruge php3 til at validere, men jeg synes at det er synd for brugeren at han skal submitte før han får af vide, hvis han mangler at udfylde et felt.
Desuden er JavaScript hurtigere og tærer ikke på server-kræfter.

4) Jeg har en del JavaScripts til at validere forms - og på dem alle vil jeg af layout-mæssige grunde gerne udskifte submitknappen med en gif-fil.

5) Det skal også oplyses, at alle jeres forslag godt nok "rammer" JavaScriptet, men ikke fuldfører valideringen. Og igen, hvis jeg ændre input-feltet til: <input type"button" value="OK" onclick="ValiderForm(form)">
virker det.


Script i fuld længde bringes herunder.
---------------------------------------


<!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link href="../mt.css" rel="stylesheet" type="text/css">
<title>Tilføj din E-mail til kartoteket for Lærerstuderende</title>
      <script language="JavaScript"><!--
function ValiderForm(form)
{
  if (!ValiderFornavn(form)) return;
  if (!ValiderEfternavn(form)) return;
  if (!ValiderEmail(form)) return;
  if (!ValiderSeminarium (form)) return;
  if (!ValiderStamholdOgLiniefag(form)) return;
  document.formular.submit(); 
}

function ValiderFornavn(form)
{
  if (form.fornavn.value == "")
  {
    form.fornavn.focus();
    alert("Du mangler at skrive dit FORNAVN");
    return(false);
  }
  else
    return(true);
}

function ValiderEfternavn(form)
{
  if (form.efternavn.value == "")
  {
    form.efternavn.focus();
    alert("Du mangler at skrive dit EFTERNAVN");
    return(false);
  }
  else
    return(true);
}
 
function ValiderEmail(form)
{
  if (form.e_post.value == "")
  {
    form.e_post.focus();
    alert("Angiv venligst din E-POST ADRESSE");
    return(false);
  }
  else
    if (form.e_post.value.indexOf('@', 0) == -1 || form.e_post.value.indexOf('.', 0) == -1)
    {
      form.e_post.focus();
      alert("Du har angivet en ikke-korrekt E-POST ADRESSE");
      return(false);
    }
    else           
      return(true);
}


function ValiderSeminarium(form)
{
  if (form.seminarium.value == "")
  {
    form.seminarium.focus();
    alert("Du mangler at angive hvilket SEMINARIUM du er tilmeldt");
    return(false);
  }
  else
    return(true);
}


function ValiderStamholdOgLiniefag(form)
{
  if (form.stamhold.value == "")
  {
    form.stamhold.focus();
    alert("Angiv venligst ÅRET for dit STAMHOLD");
    return(false);
  }
  else
    if (((form.stamhold.value == 95) || (form.stamhold.value == 96) ||
        (form.stamhold.value == 1995) || (form.stamhold.value == 1996)) &&
        ((form.liniefag1.options[0].selected == true) ||
        (form.liniefag2.options[0].selected == true)))           
    {
      if (form.liniefag1.options[0].selected == true)
        form.liniefag1.focus();
      else
        form.liniefag2.focus();
      alert("Du har ikke angivet begge dine LINIEFAG");
      return(false);
    }
    else           
      return(true);
}


// --></script>
</head>
<body>
<? include "../topmenu.inc";
topmenu("../billeder/modlokalet_stor.jpg", "Her mødes vi....", "undermenu.inc")
?>
<font style="font-size: 18px; font-weight: bold; color:#6699cc;">E-mailkartotek</font>
<br>
      Udfyld nedenstående, hvis du ønsker at
      blive optaget i E-mail kartoteket for lærerstuderende.
      <br><b>*</b> er påkrævet.
      <form name="formular" action="/cgi-bin/soeg.pl" method="POST">
       
        <input type="HIDDEN" name="searchstring" value="**ADD RECORD**">
        <table border="0" cellspacing="0" cellpadding="0" width="430">
          <tr valign="TOP">
            <td >
              <p>Fornavn: <b>*</b></td>
            <td >
              <p><input type="TEXT" name="fornavn" value size="36" maxlength="60">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Efternavn:<b>*</b></td>
            <td >
              <p><input type="TEXT" name="efternavn" value size="36" maxlength="100">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Din gadeadresse:</td>
            <td >
              <p><input type="TEXT" name="adresse" value size="36" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Din postadresse:</td>
            <td >
              <p><input type="TEXT" name="postnr" value size="18" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Bynavn:</td>
            <td >
              <p><input type="TEXT" name="by" value size="18" maxlength="18">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Telefon:</td>
            <td >
              <p><input type="TEXT" name="telefon" value size="18" maxlength="30">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>E-mail
              adresse: <b>*</b></td>
            <td>
              <p><input type="TEXT" name="e_post" value size="36" maxlength="150">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Hjemmeside:<br>
              (Skriv ikke http://)</td>
            <td>
              <p><input type="TEXT" name="home" value size="36" maxlength="150">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Seminarium: <b>*</b></td>
            <td>
              <p><input type="TEXT" name="seminarium" value size="36" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Stamhold:<b>*</b></td>
            <td >
              <p><input type="TEXT" name="stamhold" value size="18" maxlength="43">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 1:</td>
            <td>
              <p><select name="liniefag1">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 2:</td>
            <td>
              <p><select name="liniefag2">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 3.</td>
            <td>
              <p><select name="liniefag3">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 4:</td>
            <td>
              <p><select name="liniefag4">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
                  <td></td>
                  <td>
                      <p align="right"> <input type="image" src="../billeder/slet.gif" value="reset">
                      <input type="hidden" name="searchstring" value="**ADD RECORD**">
                      <input type="image" src="../billeder/ok.gif" onclick="ValiderForm(this.form)">
                      <br>
                      <br>
                      </p>
                  </td>
          </tr>
          <tr valign=top>
                  <td></td>
                  <td>
                    <div align="center"> Programering af CGI og JavaScript<br>
                    <a href="mailto:jan@tofft.dk">jan@tofft.dk</a></div>
                </td>
        </tr>
    </table>
    </form>
<? include "../bundmenu.inc"; ?>
</body>
</html>
Avatar billede hatecaps Nybegynder
13. marts 2000 - 19:26 #10
ok, som jeg sagde tidligere, ville jeg gøre sådan her :

<!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link href="../mt.css" rel="stylesheet" type="text/css">
<title>Tilføj din E-mail til kartoteket for Lærerstuderende</title>
<script language="JavaScript">
<!--
var send = 1;
function ValiderForm(form) {
  ValiderFornavn(form);
  if (send == 1) {
    ValiderEfternavn(form);
    if (send == 1) {
      ValiderEmail(form);
      if (send == 1) {
        ValiderSeminarium (form);   
        if (send == 1) {
          ValiderStamholdOgLiniefag(form);
          if (send == 1) {
            document.formular.submit();
          }
        }
      }
    }
  } 
}

function ValiderFornavn(form)
{
  if (form.fornavn.value == "")
  {
    form.fornavn.focus();
    alert("Du mangler at skrive dit FORNAVN");
    send = 0;
  }
}

function ValiderEfternavn(form)
{
  if (form.efternavn.value == "")
  {
    form.efternavn.focus();
    alert("Du mangler at skrive dit EFTERNAVN");
    send = 0;
  }
}
 
function ValiderEmail(form)
{
  if (form.e_post.value == "")
  {
    form.e_post.focus();
    alert("Angiv venligst din E-POST ADRESSE");
    send = 0;
  }
  else
    if (form.e_post.value.indexOf('@', 0) == -1 || form.e_post.value.indexOf('.', 0) == -1)
    {
      form.e_post.focus();
      alert("Du har angivet en ikke-korrekt E-POST ADRESSE");
      send = 0;
    }
}


function ValiderSeminarium(form)
{
  if (form.seminarium.value == "")
  {
    form.seminarium.focus();
    alert("Du mangler at angive hvilket SEMINARIUM du er tilmeldt");
    send = 0;
  }
}


function ValiderStamholdOgLiniefag(form)
{
  if (form.stamhold.value == "")
  {
    form.stamhold.focus();
    alert("Angiv venligst ÅRET for dit STAMHOLD");
    send = 0;
  }
  else
    if (((form.stamhold.value == 95) || (form.stamhold.value == 96) ||
        (form.stamhold.value == 1995) || (form.stamhold.value == 1996)) &&
        ((form.liniefag1.options[0].selected == true) ||
        (form.liniefag2.options[0].selected == true)))           
    {
      if (form.liniefag1.options[0].selected == true)
        form.liniefag1.focus();
      else
        form.liniefag2.focus();
      alert("Du har ikke angivet begge dine LINIEFAG");
      send = 0;
    }
}
//-->
</script>
</head>
<body>
<? include "../topmenu.inc";
topmenu("../billeder/modlokalet_stor.jpg", "Her mødes vi....", "undermenu.inc")
?>
<font style="font-size: 18px; font-weight: bold; color:#6699cc;">E-mailkartotek</font>
<br>
      Udfyld nedenstående, hvis du ønsker at
      blive optaget i E-mail kartoteket for lærerstuderende.
      <br><b>*</b> er påkrævet.
      <form name="formular" action="/cgi-bin/soeg.pl" method="POST">
       
        <input type="HIDDEN" name="searchstring" value="**ADD RECORD**">
        <table border="0" cellspacing="0" cellpadding="0" width="430">
          <tr valign="TOP">
            <td >
              <p>Fornavn: <b>*</b></td>
            <td >
              <p><input type="TEXT" name="fornavn" value size="36" maxlength="60">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Efternavn:<b>*</b></td>
            <td >
              <p><input type="TEXT" name="efternavn" value size="36" maxlength="100">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Din gadeadresse:</td>
            <td >
              <p><input type="TEXT" name="adresse" value size="36" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Din postadresse:</td>
            <td >
              <p><input type="TEXT" name="postnr" value size="18" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Bynavn:</td>
            <td >
              <p><input type="TEXT" name="by" value size="18" maxlength="18">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td >
              <p>Telefon:</td>
            <td >
              <p><input type="TEXT" name="telefon" value size="18" maxlength="30">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>E-mail
              adresse: <b>*</b></td>
            <td>
              <p><input type="TEXT" name="e_post" value size="36" maxlength="150">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Hjemmeside:<br>
              (Skriv ikke http://)</td>
            <td>
              <p><input type="TEXT" name="home" value size="36" maxlength="150">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Seminarium: <b>*</b></td>
            <td>
              <p><input type="TEXT" name="seminarium" value size="36" maxlength="44">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Stamhold:<b>*</b></td>
            <td >
              <p><input type="TEXT" name="stamhold" value size="18" maxlength="43">&nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 1:</td>
            <td>
              <p><select name="liniefag1">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 2:</td>
            <td>
              <p><select name="liniefag2">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 3.</td>
            <td>
              <p><select name="liniefag3">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
            <td>
              <p>Liniefag 4:</td>
            <td>
              <p><select name="liniefag4">
                <option value="Ingen liniefag" selected>Ingen liniefag</option>
                <option value="Billedkunst">Billedkunst</option>
                <option value="Biologi">Biologi</option>
                <option value="Dansk">Dansk</option>
                <option value="Engelsk">Engelsk</option>
                <option value="Fransk">Fransk</option>
                <option value="Geografi">Geografi</option>
                <option value="Historie">Historie</option>
                <option value="Religion">Religion</option>
                <option value="Hjemkunskab">Hjemkunskab</option>
                <option value="Håndarbejde">Håndarbejde</option>
                <option value="Idræt">Idræt</option>
                <option value="Kemi/fysik">Kemi/fysik</option>
                <option value="Musik">Musik</option>
                <option value="Matematik">Matematik</option>
                <option value="Samfundsfag">Samfundsfag</option>
                <option value="Sløjd">Sløjd</option>
                <option value="Tysk">Tysk</option>
              </select> &nbsp;</td>
          </tr>
          <tr valign="TOP">
                  <td></td>
                  <td>
                      <p align="right"> <input type="image" src="../billeder/slet.gif" value="reset">
                      <input type="hidden" name="searchstring" value="**ADD RECORD**">
                      <input type="image" src="../billeder/ok.gif" onClick="ValiderForm('formular')">
                      <br>
                      <br>
                      </p>
                  </td>
          </tr>
          <tr valign=top>
                  <td></td>
                  <td>
                    <div align="center"> Programering af CGI og JavaScript<br>
                    <a href="mailto:jan@tofft.dk">jan@tofft.dk</a></div>
                </td>
        </tr>
    </table>
    </form>
<? include "../bundmenu.inc"; ?>
</body>
</html>
Avatar billede erikjacobsen Ekspert
13. marts 2000 - 19:43 #11
Ok, Morten. Det du laver giver rod i diverse browsere. Men der er håb:

Submitknappen laver du med

<a href="java script:ValiderForm(formular);"><img src="bb.gif" border="0"></a>

hvor ValiderForm er som nu, og resetknappen laver du som

<a href="java script:ResetForm(formular);"><img src="cc.gif" border="0"></a>

hvor du selv - i funktionen ResetFormular - sætter felterne tilbage.
Så vil det virker.

Du fik os sandelig på arbejde!
Avatar billede morten Nybegynder
13. marts 2000 - 23:20 #12
Tak alle

Tak, fordi nu virker det.

hatecaps--> tak for dit forslag. Men dit forslag betød blot, at den gennemløb alle valideringsfelterne og umiddelbart røg videre til scriptet.

Det var altså ikke godt nok, men tak alligevel.

erikjacobsen-->Din løsning virker. Tak for det !!!
Jeg håber mit tak og mine point er okay for dit arbejde - ellers skriv.
Jeg hører desuden gerne - meget gerne endda, hvorved du mener at mit JavaScript laver rod i diverse browsere.
- jeg er ikke JS mand, men PHP mand, hvilket ikke er afhænger af browseren.


I går nat undersøgte jeg det også og på:
http://www.weberdev.com/
- var der dette eksempel, som jeg mente kunne bruges, men ikke kunne få det til at virke.
---------------------------------
How to make an <a href> submit button

Submitted by: Yahav Boaz (berber@berber.co.il)
Submitted on: Sep 23rd 1999 at 23:06:41 (Viewed 341 times)
View the example as plain text

One way of looking at this is :

function SubmitFrom(){
    document.myform.target.value="somescript.php3"
    document.myfrom.submit()
}
function ResetFrom(){
    document.myfrom.reset()
}

.
.
<A HREF="java script:SubmitForm()"><IMG SRC=....></A>

or

<FORM name=remove ACTION='removeItem.php3' METHOD='POST' ENCTYPE='application/x-
www-form-urlencoded'>
<input type='hidden' name='ItemID' value='$II'>
<a href="java script:document.remove.submit()">remove from cart</a>
</form>

---------------------------------

Set i bagklogskabens lys var mit problem, at jeg ikke helt forstår (måske stadig) hvordan man refererer til elementer med JavaScript.

Jeg er lærer og kun fritidsprogramør - med hang til php og msql/mysql.
Og altså ikke med hang til JavaScript.


De varmeste hilsener
Morten

Avatar billede erikjacobsen Ekspert
14. marts 2000 - 00:36 #13
Nåh, point  -  skidt med det!

Det problem med browserne er blot, at semantikken for et tryk på
en <input type="image"> er noget anderledes end en <input type="button">
- i hvert fald tilsyneladende. Og også lidt forskellige i de "2" browsere.
Avatar billede olebole Juniormester
14. marts 2000 - 03:08 #14
<ole>
Erik >> Det lyder spændende...er det noget, du har noget mere på?
/VH
</bole>
Avatar billede morten Nybegynder
14. marts 2000 - 21:36 #15
Der er i hvert fald noget galt med Netscape 4.04. Den siger at formular ikke er defineret.

Til test af scripts/layout bruger jeg MSIE 5.0 og Netscape 4.04 uk.
- ikke andet, blot for at se nogle ydrepunkter.

3.0 browsere er der i de sidste 2 måneder: (fra statestik - selfmade)
Browsernavn: Mozilla
Browserversion: 3.01
Antal browsere: 30

Desuden en enkelt Opera 2.0
(muligvis Linux)

Det skal selvfølgelig siges at disse tal er ud af et samlet antal browsere på 1445.

Så jeg tager ikke de store hensyn, selv om jeg regner med at hjælpe dem lidt på vej, dem der ikke bruger 4+ browsere.

Avatar billede erikjacobsen Ekspert
14. marts 2000 - 21:41 #16
Så siger du blot

  document.formular
Avatar billede morten Nybegynder
14. marts 2000 - 21:47 #17
Genialt...

Tak.

Med venlig hilsen
Morten
- Smiler stadig
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
White papers
Flere white papers »