Toon posts:

[JavaScript] Form validator

Pagina: 1
Acties:

zaterdag 7 juni 2003 08:36

Acties:

Verwijderd

Topicstarter
Ik heb een form met een select ja/nee alleen nu heb ik wat geprobeerd maar het werkt niet goed:
Java:
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

<html>
 <head>
  <title>Contact</title>

    <script>
    function check() {
     if (document.form.goed.value == "ja") {
      document.write(document.form.goed.value);
      document.write("Het formulier is verstuurd.<br>U Hoort zo snel mogelijk van mij.")
     }
     else {
      document.write(document.form.goed.value);
      document.write("U moet het vakje ja aanklikken als alle gegevens correct zijn voordat u het kunt versturen.");
     }
    }
    </script>

 </head>

<body>
<form name="form" action="mailto:jennevdmeer@zonnet.nl?subject=Web-Formulier" method="post" onsubmit="check();">
<table align="center" cellspacing="0" cellpadding="5" cellspacing="0" border="5" bordercolor="#000000">
<tr>
    <td>Naam</td>
    <td><input type="Text" name="Naam"></td>
</tr>
<tr>
    <td>Adres</td>
    <td><input type="Text" name="Adres"></td>
</tr>
<tr>
    <td>Woonplaats</td>
    <td><input type="Text" name="Woonplaats"></td>
</tr>
<tr>
    <td>E-Mail</td>
    <td><input type="Text" name="E-Mail"></td>
</tr>
<tr>
    <td>Telefoon nummer</td>
    <td><input type="Text" name="Telefoonnummer"></td>
</tr>
<tr>
    <td>Zijn alle gegevens correct?</td>
    <td><input type="Radio" name="goed" value="ja">Ja<input type="Radio" name="goed" value="nee" checked>Nee</td>
</tr>
<tr>
    <td><input type="Submit" value="Verstuur"></td>
    <td><input type="Reset" value="Hertel Formulier"></td>
</tr>
</table>
</form>

</body>
</html>


Iemand die weet hoe je die java goed kan doen want ik krijg nu als value terug: undefined

Het moet dus worden dat als je ja klikt dat hij hem wel verstuurd en als je nee klikt/laatstaan dat hij dat dus niet doet.

zaterdag 7 juni 2003 08:47

Acties:

Verwijderd

Even los van de scriptfout (document.form.goed.value krijgt geen waarde): waarom zou je zo'n checkbox maken met de vraag of de gegevens goed zijn?
Het is veel effectiever én netter om alle gegevens na het submitten nog een keer af te drukken zodat de gebruiker er nog even overheen kan lezen en dan pas versturen.

Waarom je variabele geen waarde krijgt weet ik niet direct, maar dat kan nooit moeilijk zijn en de goede methode is waarschijnlijk zo met Google te vinden. Succes.

zaterdag 7 juni 2003 09:09

Acties:
  • robjanssen
  • Registratie: September 2001
  • Laatst online: 02-08 16:10

robjanssen

Software Developer

Probeer dit maar eens:

Java:
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

<html> 
 <head> 
  <title>Contact</title> 

    <script language="javascript"> 
    function check(theForm)
    { 
     if (theForm.goed(0).checked)
     {
      alert('Het formulier is verstuurd.<br>U Hoort zo snel mogelijk van mij.');
      return true;
     } 
     else
     { 
      alert('U moet het vakje ja aanklikken als alle gegevens correct zijn voordat u het kunt versturen.');
      return false;
     } 
    } 
    </script> 

 </head> 

<body> 
<form name="form" action="mailto:jennevdmeer@zonnet.nl?subject=Web-Formulier" method="post" onsubmit="return check(this);"> 
<table align="center" cellspacing="0" cellpadding="5" cellspacing="0" border="5" bordercolor="#000000"> 
<tr> 
    <td>Naam</td> 
    <td><input type="Text" name="Naam"></td> 
</tr> 
<tr> 
    <td>Adres</td> 
    <td><input type="Text" name="Adres"></td> 
</tr> 
<tr> 
    <td>Woonplaats</td> 
    <td><input type="Text" name="Woonplaats"></td> 
</tr> 
<tr> 
    <td>E-Mail</td> 
    <td><input type="Text" name="E-Mail"></td> 
</tr> 
<tr> 
    <td>Telefoon nummer</td> 
    <td><input type="Text" name="Telefoonnummer"></td> 
</tr> 
<tr> 
    <td>Zijn alle gegevens correct?</td> 
    <td><input type="Radio" name="goed" value="ja">Ja<input type="Radio" name="goed" value="nee" checked>Nee</td> 
</tr> 
<tr> 
    <td><input type="Submit" value="Verstuur"></td> 
    <td><input type="Reset" value="Hertel Formulier"></td> 
</tr> 
</table> 
</form> 

</body> 
</html>

[ Voor 30% gewijzigd door robjanssen op 07-06-2003 09:10 ]

zaterdag 7 juni 2003 09:19

Acties:

Verwijderd

Topicstarter
robjanssen schreef op 07 June 2003 @ 09:09:
Probeer dit maar eens:

...
Ja dat werkt (K) :+ though <br> niet in een alert kan :P maar \n ofzo wat het ook was zoek ik wel ff op :)

[ Voor 23% gewijzigd door Verwijderd op 07-06-2003 09:20 ]

Reageer