Formular validering

prøv at skrive den som:
<input type=hidden name=\"required\" value=\"email\">
<input type=hidden name=\"required\" value=\"telefon\">

Virker heller ikke!

kan man se selve javascript koden?

må vi se resten af koden. Jeg ser ingen validering af det du har?

<form ACTION=\"tak.asp\" METHOD=\"POST\" name=\"form1\">
<INPUT NAME=\"email\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"telefon\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"submit\" TYPE=\"submit\" VALUE=\"Bestil\">

----
Dette er mine linier.

Hvad vil du helt præcist? Uddyb problemet lidt nærmere, for det giver ikke så meget mening det du har sagt indtil videre.

Du bliver nødt til at lave en js function der tjekker om dine felter er udfyldt!

Jeg har en bestillingsformular, hvor man skal udfylde nogle felt med data, såsom Navn, Telefon, Email osv.
Dertil skal det være sådan, at man ikke kan sende denne formular før man har udfyldt nogle bestemte felter.

den linie du nævner bliver som eksempel brugt i scriptet FormMail.

Det virker ved at bestillingen bliver sendt til serveren og så tester serveren om de felterne med de 2 navne er udfyldt, hvis ikke bliver bestillingen afvist og brugeren får en ny chance for at udfylde felterne.

Det virker altså kun hvis der ligger et script til at håndtere det på den server formen sendes til.

Og det forudsætter også at der finde felter i formen med præcis de navne der er listet i value=\"???\", dvs:
<input type=hidden name=\"email\" value=\"\">
<input type=hidden name=\"telefon\" value=\"\">
stavet præcis ligesådan (eksempel: name=\"eMail\" duer ikke pga stort M).

Den test du ønsker kan også udføres lokalt i browseren. Men det er nemmere at fortælle hvordan hvis du viser os din kode.

mvh JakobA

Hvordan gør jeg så det, senj?

<script language=\"JavaScript\">

function check()
{
if(document.form1.email.value == \"\")
{
alert(\"Email skal være udfyldt\")
return false;
}
else if(document.form1.telefon.value == \"\")
{
alert(\"Telefon skal være udfyldt\")
return false;
}
else
{
document.submit();
}
}

</script>

<form ACTION=\"tak.asp\" METHOD=\"POST\" name=\"form1\">
<INPUT NAME=\"email\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"telefon\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT type=\"button\"  VALUE=\"Bestil\" onClick = \"java script:onClick=check();\">
</form>

Her er alle mine koder i forhold til denne bestillingsformular.
----
<form ACTION=\"takvandskaering.asp\" METHOD=\"POST\" name=\"form1\">
<body topmargin=\"0\" bgcolor=\"#666666\" leftmargin=\"0\">

<div align=\"center\" valign=\"top\">
<table border=\"0\" width=\"780\" height=\"48\" cellspacing=\"0\" cellpadding=\"0\" background=\"../baggrund.gif\">
  <tr>
    <td width=\"480\" height=\"48\" valign=\"bottom</td>
    <td width=\"300\" height=\"48\" valign=\"bottom\" align=\"right\"><a href=\"../forside.asp\"><img border=\"0\" src=\"../dk-flag.gif\"></a>&nbsp;&nbsp;&nbsp;<a href=\"../../../de/silikat/forside.asp\"><img border=\"0\" src=\"../d-flag.gif\"></a>&nbsp;&nbsp;&nbsp;<a href=\"../../../gb/silikat/forside.asp\"><img border=\"0\" src=\"../gb-flag.gif\"></a>&nbsp;&nbsp;&nbsp;</td>
  </tr>
</table>
<table border=\"0\" width=\"780\" height=\"4\" cellspacing=\"0\" cellpadding=\"0\" background=\"../baggrund.gif\">
  <tr>
    <td width=\"780\" height=\"4\"></td>
  </tr>
</table>

<table border=\"0\" width=\"780\" height=\"328\" cellspacing=\"0\" cellpadding=\"0\" background=\"../baggrund3.gif\">
  <tr valign=\"top\">
    <td width=\"52\" height=\"328\">&nbsp;</td>
    <td width=\"150\" height=\"328\" background=\"../baggrund2.gif\">
    <!--#include file=\"../menu.htm\" -->
    </td>
    <td width=\"578\" height=\"328\">
      <table border=\"0\" width=\"578\" height=\"328\" cellspacing=\"0\" cellpadding=\"10\">
        <tr>
          <td width=\"578\" height=\"328\" valign=\"top\">
            <table border=\"0\" width=\"558\" cellspacing=\"0\" cellpadding=\"0\">
              <tr>
                <td width=\"66\"><b>MGC-CUT</b></td>
                <td width=\"84\" align=\"center\"><b>25 kg paper bag 1 ton pr. palle</b></td>
                <td width=\"71\" align=\"center\"><b>1 ton big-bag</b></td>
                <td width=\"48\" align=\"center\"><b>Løs i silo</b></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Firma</b></td>
                <td width=\"172\"><INPUT NAME=\"navn\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b>60</b></td>
                <td width=\"84\" align=\"center\"><INPUT NAME=\"mgccut60paper\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"71\" align=\"center\"><INPUT NAME=\"mgccut60bigbag\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"48\" align=\"center\"><INPUT NAME=\"mgccut60silo\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Att.</b></td>
                <td width=\"172\"><INPUT NAME=\"att\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b>80</b></td>
                <td width=\"84\" align=\"center\"><INPUT NAME=\"mgccut80paper\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"71\" align=\"center\"><INPUT NAME=\"mgccut80bigbag\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"48\" align=\"center\"><INPUT NAME=\"mgccut80silo\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Tlf.</b></td>
                <td width=\"172\"><INPUT NAME=\"telefon\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"12\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b>120</b></td>
                <td width=\"84\" align=\"center\"><INPUT NAME=\"mgccut120paper\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"71\" align=\"center\"><INPUT NAME=\"mgccut120bigbag\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"48\" align=\"center\"><INPUT NAME=\"mgccut120silo\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Fax</b></td>
                <td width=\"172\"><INPUT NAME=\"fax\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"12\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b></b></td>
                <td width=\"84\" align=\"center\"></td>
                <td width=\"71\" align=\"center\"></td>
                <td width=\"48\" align=\"center\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>E-mail</b></td>
                <td width=\"172\"><INPUT NAME=\"email\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b>Barton</b></td>
                <td width=\"84\" align=\"center\"><b>25 kg paper bag 1 ton pr. palle</b></td>
                <td width=\"71\" align=\"center\"><b>1 ton big-bag</b></td>
                <td width=\"48\" align=\"center\"><b>Løs i silo</b></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Rekv. nr.</b></td>
                <td width=\"172\"><INPUT NAME=\"rekvnr\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td width=\"66\"><b>80HPX</b></td>
                <td width=\"84\" align=\"center\"><INPUT NAME=\"barton80hpxpaper\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"71\" align=\"center\"><INPUT NAME=\"barton80hpxbigbag\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"48\" align=\"center\"><INPUT NAME=\"barton80hpxsilo\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Dato for levering</b></td>
                <td width=\"172\"><INPUT NAME=\"dato\" TYPE=\"text\" MAXLENGTH=\"10\" SIZE=\"10\" VALUE=\"\">&nbsp;&nbsp;(Dag/måned/år)</td>
              </tr>
              <tr>
                <td width=\"66\"><b>120HPX</b></td>
                <td width=\"84\" align=\"center\"><INPUT NAME=\"barton120hpxpaper\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"71\" align=\"center\"><INPUT NAME=\"barton120hpxbigbag\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"48\" align=\"center\"><INPUT NAME=\"barton120hpxsilo\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"2\" VALUE=\"\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"><b>Leveringsadresse</b></td>
                <td width=\"172\"><INPUT NAME=\"adresse\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\"></td>
              </tr>
              <tr>
                <td></td>
                <td align=\"center\"></td>
                <td align=\"center\"></td>
                <td align=\"center\"></td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td width=\"66\"></td>
                <td width=\"84\" align=\"center\"></td>
                <td width=\"71\" align=\"center\"></td>
                <td width=\"48\" align=\"center\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"></td>
                <td width=\"172\">
                  <table border=\"0\" width=\"172\" cellspacing=\"0\" cellpadding=\"0\">
                    <tr>
                      <td>
                        <a NAME=\"Top\"><INPUT NAME=\"submit\" TYPE=\"submit\" VALUE=\"Bestil\"></a></td>
                      <td>
                        <a NAME=\"Top\">
                          &nbsp;
                        </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td height=\"10\"></td>
                <td align=\"center\" height=\"10\"></td>
                <td align=\"center\" height=\"10\"></td>
                <td align=\"center\" height=\"10\"></td>
                <td height=\"10\"></td>
                <td height=\"10\"></td>
                <td height=\"10\"></td>
              </tr>
              <tr>
                <td width=\"66\"></td>
                <td width=\"84\" align=\"center\"></td>
                <td width=\"71\" align=\"center\"></td>
                <td width=\"48\" align=\"center\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"></td>
                <td width=\"172\"></td>
              </tr>
              <tr>
                <td width=\"66\"></td>
                <td width=\"84\" align=\"center\"></td>
                <td width=\"71\" align=\"center\"></td>
                <td width=\"48\" align=\"center\"></td>
                <td width=\"14\"></td>
                <td width=\"89\"></td>
                <td width=\"172\"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table border=\"0\" width=\"780\" height=\"48\" cellspacing=\"0\" cellpadding=\"0\" background=\"../baggrund.gif\">
  <tr>
    <td width=\"300\" height=\"48\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border=\"0\" src=\"../pict_bund1.gif\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border=\"0\" src=\"../pict_bund2.gif\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border=\"0\" src=\"../pict_bund3.gif\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border=\"0\" src=\"../pict_bund4.gif\"></td>
    <td width=\"280\" height=\"48\" align=\"center\"><img border=\"0\" src=\"../kvalitetenlille.gif\"></td>
    <td width=\"200\" height=\"48\" align=\"right\">td>
  </tr>
</table>
</body>
</form>

---TAK dokumentet---
<%
on error resume next
navn        = Request.Form(\"navn\")
att            = Request.Form(\"att\")
telefon    = Request.Form(\"telefon\")
fax    = Request.Form(\"fax\")
email        = Request.Form(\"email\")
rekvnr    = Request.Form(\"rekvnr\")
dato        = Request.Form(\"dato\")
adresse        = Request.Form(\"adresse\")
mgccut60paper        = Request.Form(\"mgccut60paper\")
mgccut60bigbag        = Request.Form(\"mgccut60bigbag\")
mgccut60silo        = Request.Form(\"mgccut60silo\")
mgccut80paper        = Request.Form(\"mgccut80paper\")
mgccut80bigbag        = Request.Form(\"mgccut80bigbag\")
mgccut80silo        = Request.Form(\"mgccut80silo\")
mgccut120paper        = Request.Form(\"mgccut120paper\")
mgccut120bigbag        = Request.Form(\"mgccut120bigbag\")
mgccut120silo        = Request.Form(\"mgccut120silo\")
barton80hpxpaper        = Request.Form(\"barton80hpxpaper\")
barton80hpxbigbag        = Request.Form(\"barton80hpxbigbag\")
barton80hpxsilo        = Request.Form(\"barton80hpxsilo\")
barton120hpxpaper        = Request.Form(\"barton120hpxpaper\")
barton120hpxbigbag        = Request.Form(\"barton120hpxbigbag\")
barton120hpxsilo        = Request.Form(\"barton120hpxsilo\")

set JMail = nothing

  Set JMail = Server.CreateObject(\"JMail.SMTPMail\")

  JMail.ServerAddress = \"62.242.43.34\"

  JMail.Sender = \"meldgaard@meldgaard.com\"
  JMail.ReplyTo = email
  JMail.SenderName = navn
  JMail.Subject = \"\"

  JMail.AddRecipient \"kt@another.com\"

  JMail.AppendText \"Bestilling fra:\" & vbCrLf & vbCrLf & \"Firma: \"& navn & vbCrLf & \"Att.: \"& att & vbCrLf & \"Tlf.: \"& telefon & vbCrLf & \"Fax: \"& fax & vbCrLf & \"E-mail: \"& email & vbCrLf & \"Rekv. nr.: \"& rekvnr & vbCrLf & \"Dato for levering: \"& dato & vbCrLf & \"Leveringsadresse: \"& adresse & vbCrlf & vbCrLf & vbCrLf & navn & \" bestiller hermed:\" & vbCrLf & vbCrLf & \"MGC-CUT 60 -25 kg paper bag: \"& mgccut60paper & vbCrLf & \"MGC-CUT 60 -1 ton big-bag: \"& mgccut60bigbag & vbCrLf & \"MGC-CUT 60 -Løs i silo: \"& mgccut60silo & vbCrLf & \"MGC-CUT 80 -25 kg paper bag: \"& mgccut80paper & vbCrLf & \"MGC-CUT 80 -1 ton big-bag: \"& mgccut80bigbag & vbCrLf & \"MGC-CUT 80 -Løs i silo: \"& mgccut80silo & vbCrLf & \"MGC-CUT 120 -25 kg paper bag: \"& mgccut120paper & vbCrLf & \"MGC-CUT 120 -1 ton big-bag: \"& mgccut120bigbag & vbCrLf & \"MGC-CUT 120 -Løs i silo: \"& mgccut120silo & vbCrLf & vbCrLf & \"Barton 80HPX -25 kg paper bag: \"& barton80hpxpaper & vbCrLf & \"Barton 80HPX -1 ton big-bag: \"& barton80hpxbigbag & vbCrLf & \"Barton 80HPX -Løs i silo: \"& barton80hpxsilo & vbCrLf & \"Barton 120HPX -25 kg paper bag: \"& barton120hpxpaper & vbCrLf & \"Barton 120HPX -1 ton big-bag: \"& barton120hpxbigbag & vbCrLf & \"Barton 120HPX -Løs i silo: \"& barton120hpxsilo
  JMail.Priority = 3

  JMail.AddHeader \"Originating-IP\", Request.ServerVariables(\"REMOTE_ADDR\")

  JMail.Execute

%>

<html>

<head>
<title>Tak for Deres bestilling</title>
<style type=\"text/css\">
<!--body {  font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: #ffffff; text-decoration: none;}
td      {  font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: #ffffff; text-decoration: none}
a:link  {  font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: #ffffff; text-decoration: none}
a:visited{  font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: #ffffff; text-decoration: none}
a:hover  {  font-family: Verdana, Arial, Helvetica; font-size: 7pt; color: gold; text-decoration: none; cursor: hand}
-->

</style>
<script language=\'javascript\'> 
self.location.href=\"vandskaering.asp\";</script>

</head>

<body topmargin=\"0\" bgcolor=\"#666666\" leftmargin=\"0\">

<div align=\"left\" valign=\"top\">
<table border=\"0\" width=\"0\" height=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td></td>
  </tr>
</table>
</div>

</body>
</html>

Prøv at kører mit script alene - så giver det nok mening!

Hvordan - Alene?

Paste dette ind på en blank side og kør det i browseren. Prøv at trykke på knappen!

<html>
<head>
    <title>Untitled</title>
</head>
<body>

<script language=\"JavaScript\">
function check()
{
if(document.form1.email.value == \"\")
{
alert(\"Email skal være udfyldt\")
return false;
}
else if(document.form1.telefon.value == \"\")
{
alert(\"Telefon skal være udfyldt\")
return false;
}
else
{
document.submit();
}
}
</script>

<form ACTION=\"tak.asp\" METHOD=\"POST\" name=\"form1\">
<INPUT NAME=\"email\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"telefon\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT type=\"button\"  VALUE=\"Bestil\" onClick = \"java script:onClick=check();\">
</form>
</body>
</html>

Se på koden og se hvad JS delen gør. Så tilføjer du bare de valideringer du ønsker!

Jeg har prøvet din (senj) kode på min side, og det virker, på nær at når man trykker på ok-knappen i meddelelsesboksen fortsætter den alligevel med at sende bestillingen og viser tak-for-din-bestilling-siden.

Ændret lidt!

<script language=\"JavaScript\">
function check()
{
    if(document.form1.email.value == \"\")
    {
        alert(\"Email skal være udfyldt\")
        return false;
    }
    else if(document.form1.telefon.value == \"\")
    {
        alert(\"Telefon skal være udfyldt\")
        return false;
    }
    else
    {
        document.form1.submit();
    }
}
</script>

Hvis du sætter min JS kode ind - så må din \"submit\" knap ikke være af typen submit men type = \"button\"

Du kan lave din egen form på
http://www.solutions2all.dk/form_generator.asp

prøv den

//proboss

TAK for hjælpen. Point til senj.

<script language=\'javascript\'>

function valider( frm ) {
    var navne = frm.required.value.split(\",\");
    for (var i=0; navne.length>i; i++)
        if ( frm.elements[navne[i]].value == \"\" ) {
            alert( \"feltet \" +navne[i] +\" skal udfyldes.\" );
            frm.elements[navne[i]].focus;
            return false;
        } //endif
    } //endfor
    return true;  // true hvis alt gik godt
}; //end valider( Form objekt )

</script>

i <form kommandoen for din formular tilføjer du onsubmit=\"return validate(this)\" :
<form ACTION=\"tak.asp\" METHOD=\"POST\" name=\"form1\"
      onsubmit=\"return validate(this)\">
<input type=\'hidden\' name=\"required\" value=\"email,telefon\">
<INPUT NAME=\"email\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"telefon\" TYPE=\"text\" MAXLENGTH=\"\" SIZE=\"20\" VALUE=\"\">
<INPUT NAME=\"submit\" TYPE=\"submit\" VALUE=\"Bestil\">
</form>

så skulle det virke

flyt forresten din <form kommando i den store listing ned under <body kommandoen.

mvh JakobA

Ups. der skal parenteser på kaldet af focus()
            frm.elements[navne[i]].focus();

>>jakoba
Orv, den var zq multipurpose den der, men måske skulle vi lige have med at enten skal funktionens navn laves om til validate eller også skal kaldet laves om til: onsubmit=\"return valider(this)\"

*Gnæk Gnæk*
jes

What?. Du think jeg is forvirret? Ja måske lidt :-))

*GG*