Avatar billede javaspasser Nybegynder
10. juli 2002 - 22:26 Der er 9 kommentarer og
1 løsning

Validering af forskellige felter....Aaaarrghhh

Jeg skal have valideret nogle forskellige felter på en bestillingsformular....muligvis nok en del kompliceret??

.........

Der SKAL vælges et domænenavn.

Der SKAL også vælges en af hoteltyperne via rulleboksen, samt alle felter markeret med * skal udfyldes.

E-mail adressen skal gerne lave en alert, hvis den ikke indeholder et snabel-a.

Samtidigt skal tjeckboksen for forretningsbetingelser afkrydses for at kunne afsende.

Fedt ikk´?

Jeg er indtil videre nået så langt, men denne sender selvom der er en fejl-alert!

_______________________________

<html>
<head>
<title>TITLE</title>
<STYLE type="text/css">
<!--
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:17px color: #666666;}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
A:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #55657A; }
A:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #55657A; }
A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #333333; }
-->
</STYLE>

<script type="text/javascript" language="JavaScript">
<!--
function Form_Validator(theForm)
{

    if (theForm.Domainnavn.value == "")
      {
        alert("Du mangler at skrive et domænenavn");
        theForm.name.focus();
        return (false);
      }
       
        if (theForm.Kontaktperson.value == "")
      {
        alert("Du har ikke indtastet Kontaktperson");
        theForm.name.focus();
        return (false);
      }

        if (theForm.Adresse.value == "")
      {
        alert("Du har ikke indtastet Adresse");
        theForm.name.focus();
        return (false);
      }

    if (theForm.Postnr.value == "")
      {
        alert("Du har ikke indtastet Postnummer");
        theForm.name.focus();
        return (false);
      }

    if (theForm.By.value == "")
      {
        alert("Du har ikke indtastet By");
        theForm.name.focus();
        return (false);
      }
   
    if (theForm.Telefon.value == "")
      {
        alert("Du har ikke indtastet Telefonnummer");
        theForm.name.focus();
        return (false);
      }

    if (theForm.Email.value == "")
      {
        alert("Du har ikke indtastet E-mail adresse");
        theForm.name.focus();
        return (false);
      }

   
  return (true);
}
// -->
</script>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="">

<FORM method=post action="../cgi-bin/formmail/FormMail.pl" onsubmit="return Form_Validator(this)">
<input type=hidden name="recipient" value="XXX@XXX.dk">
<INPUT name=redirect type=hidden value="tak.htm">
<INPUT name=subject type=hidden value="Bestilling">



<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="395">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="59"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
                <tr bgcolor="#55657A">
                  <td><img src="trans.gif" width="1" height="75"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="22"></td>
              </tr>
            </table>
          </td>
          <td width="350">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="59"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
              <tr bgcolor="#55657A">
                  <td><img src="trans.gif" width="1" height="75"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="22"></td>
              </tr>
            </table>
          </td>
          <td>
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="59"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
              <tr bgcolor="#55657A">
                <td><img src="trans.gif" width="1" height="75"></td>
              </tr>
              <tr bgcolor="#CCCCCC">
                <td><img src="trans.gif" width="1" height="2"></td>
              </tr>
              <tr bgcolor="#A6B7C2">
                <td><img src="trans.gif" width="1" height="22"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="18" width="15"><img src="trans.gif" width="15" height="18"></td>
          <td><a href="hosting.htm"><b>Webhosting</b></a><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="bestil.htm">Bestil&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="support.htm">Support</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="kontakt.htm">Kontakt
            Os</a></b></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td><img src="trans.gif" width="1" height="30"></td>
  </tr>
  <tr>
    <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="15"><img src="trans.gif" width="15" height="1"></td>
          <td>
            <table width="700" border="0" cellspacing="0" cellpadding="4" bgcolor="#EEEEEE">
              <tr>
                <td colspan="4" bgcolor="#55657A">
                  <div align="center"><b><font color="#FFFFFF">Bestillingsformular</font></b></div>
                </td>
              </tr>
              <tr>
                <td width="30"><img src="trans.gif" width="30" height="1"></td>
                <td>&nbsp;</td>
                <td width="8"><img src="trans.gif" width="8" height="1"></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Domænenavn:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                    <input type="text" name="Domainnavn" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                    <select Level ang&aring;ende size="1" style="width: 67px; font-family: Verdana, Arial, Helvetica" name=Dom&aelig;netype>
                      <option value=".dk" selected>.dk</option>
                    <option value=".com">.com</option>
                    <option value=".net">.net</option>
                    <option value=".org">.org</option>
                    <option value=".info">.info</option>
                    <option value=".biz">.biz</option>
                    <option value=".name">.name</option>
                  </select>
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td valign="top">Domænet skal:</td>
                <td>&nbsp;</td>
                <td>
                  <input type="radio" name="Dom&aelig;net skal" value="oprettes" checked>
                  Oprettes<br>
                  <input type="radio" name="Dom&aelig;net skal" value="flyttes">
                  Flyttes</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Hoteltype:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <select name=Hoteltype ang&aring;ende size="1" style="width: 291px; font-family: Verdana, Arial, Helvetica">
                    <option value="V&aelig;lg Hoteltype">V&aelig;lg Hoteltype</option>
                    <option value="Mailhotel 20 MB - Kr. 240/&aring;r.">Mailhotel
                    20 MB - Kr. 240/&aring;r.</option>
                    <option value="Webhotel 1 - 10 MB - Kr. 300/&aring;r.">Webhotel
                    1 - 10 MB - Kr. 300/&aring;r.</option>
                    <option value="Webhotel 2 - 10 MB - Kr. 500/&aring;r.">Webhotel
                    2 - 10 MB - Kr. 500/&aring;r.</option>
                    <option value="Webhotel 3 - 30 MB - Kr. 800/&aring;r">Webhotel
                    3 - 30 MB - Kr. 800/&aring;r</option>
                    <option value="Webhotel 4 - 100 MB - Kr. 1000/&aring;r.">Webhotel
                    4 - 100 MB - Kr. 1000/&aring;r.</option>
                    <option value="Kun dom&aelig;ne">Kun dom&aelig;ne</option>
                  </select>
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Virksomhed:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="Virksomhed" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>CVR-nr. (kun ved virksomhed):</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="CVR-Nr." style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Kontaktperson:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="Kontaktperson" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Adresse:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="Adresse" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                  <td>Postnr.:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                    <input type="text" name="Postnr" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>By:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="By" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Telefon:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="text" name="Telefon" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                  <td>Telefax:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                    <input type="text" name="Telefax" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>E-mail adresse:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                    <input type="text" name="Email" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b><font color="#CC0000">*</font></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>Kommentarer:</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <textarea name="Kommentarer" style="width: 220px; font-family: Verdana, Arial, Helvetica" rows="5"></textarea>
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td colspan="3">
                  <input type="checkbox" name="Forretningsbetingelser" value="Indforst&aring;et">
                  Jeg har læst forretningsbetingelserne og er indforstået med
                  disse.</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td><font color="#333333"><b>
                  <input type="submit" name="Submit" value="Bestil" style="width: 220px; font-family: Verdana, Arial, Helvetica">
                  </b></font></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td colspan="3"><font color="#CC0000">*</font> Disse felter skal
                  udfyldes.<br>
                  <font color="#CC0000">*</font><font color="#CC0000">*</font>
                  Ved bestilling af flere dom&aelig;ner, kan kommentarfeltet benyttes.</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>

__________________________________

Please hel me!

Line Andersen
Avatar billede jakoba Nybegynder
10. juli 2002 - 22:57 #1
det burde såvidt jeg kan se virke som det er.
Jeg ville fjerne () omkring true og false i dine return sætninger, men det burde vist virke alligevel.

hoteltypen checker du med:

    if (theForm.Hoteltype.selectedIndex <= 0)
      {
        alert("Du skal vælge en hoteltype");
        theForm.Hoteltype.focus();
        return false;
      }

mvh JakobA
Avatar billede jakoba Nybegynder
10. juli 2002 - 23:01 #2
det kan være et problem med manglende " eller' tegn omkting dine attributter:
<select name=Hoteltype ang&aring;ende size="1" style="width: 291px; font-family: Verdana, Arial, Helvetica">
og et navn kan IKKE bestå af 2 ord:
              Hoteltype ang&aring;ende
andet ord bør ikke være der.
altså:
<select name="Hoteltype" size="1" style="width: 291px; font-family: Verdana, Arial, Helvetica">
Avatar billede jakoba Nybegynder
10. juli 2002 - 23:18 #3
Jov søreme en reel fejl:

    if (theForm.Email.value == "") {
        alert("Du har ikke indtastet E-mail adresse");
        theForm.Email.focus();    // før stod der theForm.name.focus()
        return false;
    }

javascript søger efter et felt der hedder name og finder det ikke. serfor afbrydes javascriptet og sætningen
        return false;
bliver ikke udført.
det er feltets navn der skal stå foran focus() ved alle testes.
Avatar billede javaspasser Nybegynder
10. juli 2002 - 23:28 #4
*GGG*...Jeg er ikke for smart til det her...Jeg prøver lige....Mange tak....Hvis det virker flyver der lige 150 p til dig *KNUS*
Avatar billede jakoba Nybegynder
10. juli 2002 - 23:29 #5
test her: http://www.jakoba.dk/eksperten/exp234413.html
(formens action attribut skal ændres tilbage igeen.)
Avatar billede javaspasser Nybegynder
10. juli 2002 - 23:34 #6
WOW....den virker jo *SS*.......Men det med at den skriver formen sendtes til sidst...kan man ikke fjerne det, så den bare sender uden den alert?

Line
Avatar billede jakoba Nybegynder
10. juli 2002 - 23:36 #7
Jo, du skal sætte din egen action= værdi ind i <form kommandoen igen.  det der er blot for at teste uden at få sendt en masse skrald til cgi-scriptet
Avatar billede javaspasser Nybegynder
10. juli 2002 - 23:38 #8
Jeg har rodet med det hele dagen, og så løser du det på 5 min...Hvor Herre beavres *GG*....Tusind tak! Du er super!

Kan også se at du har en del point efterhånden!
Avatar billede jakoba Nybegynder
10. juli 2002 - 23:39 #9
takker
Avatar billede javaspasser Nybegynder
10. juli 2002 - 23:40 #10
Hav en god aften...Jeg vil nok lede efter dig, hvis jeg støder på probs en anden gang!!
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