Toon posts:

[JS] Form Validation

Pagina: 1
Acties:

donderdag 24 oktober 2002 12:37

Acties:
  • Sabi
  • Registratie: Mei 2002
  • Laatst online: 10-06 14:41

Sabi

Topicstarter
Ik ben bezig met een formulier in HTML. Een aantal velden moet verplicht ingevult worden, dus Javascript.
Ik heb er weinig ervaring mee en heb wat inelkaar gezet. Maar het werkt dus niet..
Ik denk dat er ergens een klein foutje in staat.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

<SCRIPT language="JavaScript">
<!--
function checkveld()
{
  if (document.inschrijven.voornaam.value==""){     // verplicht voornaam
  alert("\nVul alstublieft een voornaam in");
  document.inschrijven.voornaam.focus();
  return false;
  }
  if (document.inschrijven.achternaam.value==""){   // verplicht achternaam
  alert("\nVul alstublieft een achternaam in");
  document.inschrijven.achternaam.focus();
  return false;
  }
  if (document.inschrijven.adres.value==""){        // verplicht adres
  alert("\nVul alstublieft een adres in");
  document.inschrijven.adres.focus();
  return false;
  }
  if (document.inschrijven.postcode.value==""){     // verplichtpostcode
  alert("\nVul alstublieft een postcode in");
  document.inschrijven.postcode.focus();
  return false;
  }
  if (document.inschrijven.woonplaats.value==""){   // verplicht woonplaats
  alert("\nVul alstublieft een woonplaats in");
  document.inschrijven.woonplaats.focus();
  return false;
  }
  if (document.inschrijven.geboortedatum.value==""){    // verplicht geboorte datum
  alert("\nVul alstublieft een geboortedatum in");
  document.inschrijven.geboortedatum.focus();
  return false;
  }
  if (document.inschrijven.email.value==""){        // verplicht e-mail
  alert("\nVul alstublieft een e-mail adres in");
  document.inschrijven.email.focus();
  return false;
  }
        
  alert("\nBedankt voor uw inschrijving. \nU ontvangt spoedig een reactie");
  return true;
}
//-->
</SCRIPT>

Het formulier:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

<form action="mailto:mijnemail@rideeg.nl" method="post" name="inschrijven" id="inschrijven" onSubmit="checkveld()">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="50%"><div align="right">Voornaam: </div></td>
              <td width="50%"><div align="left">
                  <input name="Voornaam" type="text" id="Voornaam" size="40" >
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Achternaam: </div></td>
              <td><div align="left">
                  <input name="achternaam" type="text" id="achternaam" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Adres: </div></td>
              <td><div align="left">
                  <input name="adres" type="text" id="adres" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Postcode: </div></td>
              <td><div align="left">
                  <input name="postcode" type="text" id="postcode" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Woonplaats: </div></td>
              <td><div align="left">
                  <input name="woonplaats" type="text" id="woonplaats" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Land:</div></td>
              <td><div align="left">
                  <select name="land" size="1" id="land">
                    <option value="NL" selected>Nederland</option>
                    <option value="BE">Belgie</option>
                    <option value="LUX">Luxemburg</option>
                    <option value="DLD">Duitsland</option>
                    <option value="FR">Frankrijk</option>
                  </select>
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Geboorte datum:</div></td>
              <td><div align="left">
                  <input name="geboortedatum" type="text" id="geboortedatum" size="40" >
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Telefoon:</div></td>
              <td><div align="left">
                  <input name="telefoon" type="text" id="telefoon" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Mobiel:</div></td>
              <td><input name="mobiel" type="text" id="mobiel" size="40"></td>
            </tr>
            <tr> 
              <td> <div align="right">E-mail adres:</div></td>
              <td><div align="left">
                  <input name="email" type="text" id="e-mail adres" size="40">
                </div></td>
            </tr>
            <tr> 
              <td><div align="right">Voornaam Partner:</div></td>
              <td><input name="voornaam partner" type="text" id="voornaam partner" size="40"></td>
            </tr>
            <tr> 
              <td><div align="right">Achternaam Partner:</div></td>
              <td><input name="achternaam partner" type="text" id="achternaam partner" size="40"></td>
            </tr>
            <tr> 
              <td> <div align="right">Geboortedatum Partner:</div></td>
              <td><input name="geboorte datum partner" type="text" id="geboorte datum partner" size="40"></td>
            </tr>
            <tr> 
              <td valign="top">
<div align="right">Kinderen:</div></td>
              <td><textarea name="kinderen" cols="50" rows="3" id="kinderen"></textarea></td>
            </tr>
            <tr> 
              <td><div align="right">Wilt u ook iets (mee)organiseren:</div></td>
              <td><select name="oraganiseren" size="1" id="oraganiseren">
                  <option value="ja">Ja</option>
                  <option value="nee">Nee</option>
                  <option value="weet niet" selected>Weet niet</option>
                </select></td>
            </tr>
            <tr> 
              <td><div align="right">Wilt u ook iets publiceren:</div></td>
              <td><select name="publiceren" size="1" id="publiceren">
                  <option value="ja">Ja</option>
                  <option value="nee">nee</option>
                  <option value="weet niet" selected>weet niet</option>
                </select></td>
            </tr>
            <tr> 
              <td valign="bottom"> 
                <div align="right">Bent u ook nog lid bij andere camperclubs:</div></td>
              <td valign="top">
<select name="clubs" size="1" id="clubs">
                  <option value="Ja">Ja, bij :</option>
                  <option value="nee" selected>nee</option>
                </select>
                <textarea name="andere clubs" cols="37" rows="3" id="andere clubs">Vul hier de naam van de clubs in</textarea>
              </td>
            </tr>
            <tr> 
              <td height="80">
<div align="right">Heeft u nog vragen of opmerkingen:</div></td>
              <td><textarea name="opmerkingen" cols="50" rows="3" id="opmerkingen"></textarea></td>
            </tr>
            <tr> 
              <td> <div align="center"> 
                  <input type="reset" name="reset" value="Wissen">
                </div></td>
              <td> <div align="center"> 
                  <input name="verzend" type="submit" id="verzend" value="Verzenden">
                </div></td>
            </tr>
          </table>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </form>

Ik krijg wel een foutmelding dat in eerste instantie voornaam niet ingevult is maar alleen links onderin de browser. geen alert.

donderdag 24 oktober 2002 12:40

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:41

crisp

Devver

Pixelated

voornaam != Voornaam en verder:
onSubmit="return checkveld()" ander wordt je formulier alsnog gesubmit na de alert...

Intentionally left blank

donderdag 24 oktober 2002 12:41

Acties:

Verwijderd

uhhm in je input veld in 't formulier schrijf je Voornaam met hoofdletter, en in je javascript schrijf je voornaam met kleine letter, probeer dat 'ns?

edit:
te laaaaat :)

[ Voor 0% gewijzigd door Verwijderd op 24-10-2002 12:42 . Reden: te laat... ]

donderdag 24 oktober 2002 12:55

Acties:
  • Sabi
  • Registratie: Mei 2002
  • Laatst online: 10-06 14:41

Sabi

Topicstarter
thanx,
Het werkt!!!

donderdag 24 oktober 2002 13:06

Acties:

Verwijderd

onSubmit="checkveld()">
=
onSubmit="return checkveld()">

anders submit ie 'm alsnog.
Reageer