Verplichte invoervelden in html formulier

Status
Niet open voor verdere reacties.
G

GijsReis

Gebruiker
Lid geworden
15 jun 2010
Berichten
16
Goedemiddag,

Ik heb een aanvraagformulier in html.
Daarin een script geplakt voor verplichte velden zoals naam, woonplaats, e-mail en dergelijke.

Toch werkt het niet. Ben er al bijna 2 dagen mee bezig. Iemand de tijd om even het formulier te checken
en me misschien uit de brand te helpen?

Alvast thanks
Gijs
 
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Microsoft FrontPage 4.0">
<title> ikke.nl </title>
<style media="screen" type="text/css"><!--
.tekst { font-size: 10px; font-family: "Trebuchet MS" }
--></style>

<script language="JavaScript">
<!-- Begin
function checkrequired(which) {
var pass=true;
if (document.images) {
for (i=0;i<which.lenght;i++) {
var tempobj=which.elements;
if (tempobj.name.substring(0,8)=="required") {
if (((tempobj.type=="text"||tempobj.type=="textarea")&& tempobj.value=="")||(tempobj.type.toString().charAt(0)=="s"&& tempobj.selectedIndex==0)) {
pass=false;
break;
}}}}
if (!pass) {
shortFieldName=tempobj.name.substring(8,30).toUppercase(); alert("Zorg ervoor dat "+shortFieldName+" ook is ingevuld!");
return false;
}
else
return true;
}
// End -->
</script>


</head>

<body background="../images/achtergrondje1.gif">
<form name="FrontPage_Form1" onsubmit="return checkrequired(this)" method="post" action="http://www.ikke.nl/formmail.php" >
<table cool width="446" height="426" usegridx usegridy showgridx showgridy gridx="4" gridy="4" border="0" cellpadding="0" cellspacing="0">
<tr height="8">
<td width="368" height="8" colspan="7"></td>
<td width="77" height="8"><spacer type="block" width="1" height="8"></td>
</tr>
<tr height="4">
<td width="8" height="12" colspan="2" rowspan="2"></td>
<td width="96" height="12" colspan="2" rowspan="2" valign="top" align="left" xpos="8"></td>
<td width="264" height="4" colspan="3"></td>
<td width="77" height="4"><spacer type="block" width="1" height="4"></td>
</tr>
<tr height="71">
<td width="12" height="8" valign="top" align="left" xpos="104"><input type="hidden" name="redirect" value="http://www.ikke.nl/formulieren/bedankt_standaard.html"></td>
<td width="12" height="8" valign="top" align="left" xpos="116"><input class type="hidden" value="Algemene Aanvraag" name="product" mergeNum="3">
<input class type="hidden" value="Algemene Aanvraag" name="subject" mergeNum="3"></td>
<td width="240" height="8" valign="top" align="left" xpos="128"><input type="hidden" name="recipient" value="aanvraag@ikke.nl" name="E-MAIL"></td>
<td width="77" height="8"><spacer type="block" width="1" height="71"></td>
</tr>
<tr height="260">
<td width="4" height="260"></td>
<td width="364" height="260" colspan="6" valign="top" align="left" xpos="4">
<table border="0" cellpadding="0" cellspacing="6" width="325">
<tr>
<td width="121" class="tekst"><font size="2">Naam:</font></td>
<td class="tekst" width="182"><input type="text" name="requiredNaam" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst"><font size="2">Adres:</font></td>
<td class="tekst" width="182"><input type="text" name="requiredAdres" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst"><font size="2">Postcode:</font></td>
<td class="tekst" width="182"><input type="text" name="requiredPostcode" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst"><font size="2">Woonplaats:</font></td>
<td class="tekst" width="182"><input type="text" name="requiredWoonplaats" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst"><font size="2">Telefoon:</font></td>
<td class="tekst" width="182"><input type="text" name="telefoon" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst"><font size="2">Email:</font></td>
<td class="tekst" width="182"><input type="text" name="requiredEmail" size="24"></td>
</tr>
<tr>
<td width="121" class="tekst" valign="top"><font size="2">Informatie:</font></td>
<td class="tekst" width="182"><textarea name="Informatie" cols="24" rows="4"></textarea></td>
</tr>
</table>
</td>
<td width="77" height="260"><spacer type="block" width="1" height="260"></td>
</tr>
<tr height="43">
<td width="97" height="72" colspan="3"></td>
<td width="272" height="72" colspan="4" valign="bottom" xpos="83">&nbsp;&nbsp;
<br>
&nbsp;&nbsp;
<input src="../images/bestel.gif" width="102" height="21" border="0" type="image" name="submit" alt="Heeft u alle velden ingevuld? klik dan op verzend."><br>
<br>
</td>
<td width="77" height="72"><spacer type="block" width="1" height="43"></td>
</tr>
<tr height="1" cntrlrow>
<td width="4" height="74"><spacer type="block" width="4" height="1"></td>
<td width="4" height="74"><spacer type="block" width="4" height="1"></td>
<td width="89" height="74"><spacer type="block" width="75" height="1"></td>
<td width="9" height="74"><spacer type="block" width="21" height="1"></td>
<td width="12" height="74"><spacer type="block" width="12" height="1"></td>
<td width="12" height="74"><spacer type="block" width="12" height="1"></td>
<td width="240" height="74"><spacer type="block" width="240" height="1"></td>
<td width="77" height="74"></td>
</tr>
</table>



</form>
<p></p>
</body>

</html>
 
Laatst bewerkt:
lenght moet zijn length:

[JS]for (i=0;i<which.lenght;i++)[/JS]

dus:

[JS]for (i=0;i<which.length;i++)[/JS]
 
Helaas.... dan werkt het nog niet. Zonder iets in te vullen werd het formulier verstuurd.

gr, Gijs
 
Zo werkt ie wel:

Code: 
<script type="JavaScript">
function checkrequired(which) {
  var pass=true;
  for (i=0;i<which.length;i++) {
    var tempobj=which.elements[i];
    if (tempobj.name.substring(0,8)=="required") {
      if (((tempobj.type=="text"||tempobj.type=="textarea")&&
           tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
           tempobj.selectedIndex==0)) {
        pass=false;
        break;
        }
    }
  }
  if (!pass) {
    shortFieldName=tempobj.name.substring(8,30).toUpperCase();
    alert("Zorg ervoor dat "+shortFieldName+" ook is ingevuld!");
    return false;
  } 
  else {
  return true;
  }
}
</script>
 
Hoi,

Nee man, nog steeds niet. formulier wordt nog steeds verzonden zonder ingave.

Gr Gijs
 
Ligt ook niet aan onderstaand regeltje? Die moest ook geplaatst worden in de <form tag>

<form name="FrontPage_Form1" onsubmit="return checkrequired(this)"

Die staat in het voorbeeld net onder </head>


gr Gijs
 
YEAH.... het werkt. "required" staat voor die gegevens... dat kan niet weg zeker?

En ik zie steeds staan: "email@example.com" Wat si dat eigenlijk?

Below is the result of your feedback form. It was submitted by
email@example.com on June 16th, 2010 at 01:22PM (CEST).

product: Algemene Aanvraag
requiredNaam: Gijs
requiredAdres: Adres
requiredPostcode: Postcode
requiredWoonplaats: Woonplaats
requiredEmail: gijs@ikke.com
submit_x: 72
submit_y: 10
email: email@example.com

Gr Gijs
 
Dan moet je gaan kijken wat er allemaal in formmail.php staat, die handeld het verzenden verder af.
 
Oke, nou dat heeft geen haast. Bedankt man... SUPER dat het werkt.

Groet,

Gijs
 
Nog vraagje:

Heb je toevallig verstand van PHP? Wat betreft die "email@example.com"

Gr Gijs
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan