Tijden veranderen
Ingevoerde plaats controleren
op mijn website staat een bestel formulier, dat wel al controleert of alles is ingevuld.
Omdat ik niet wil dat de pagina de hele tijd refresed als men op verzenden klikt, en nog niet alle gegevens zijn ingevuld, heb ik dit met AJAX gedaan.
nou wil ik graag dat wanneer mensen bij plaats: "groningen" invullen,
er een extra optie in het formulier verschijnt dat over verzend kosten gaat.
Ik heb al verschillende opties geprobeerd, waaronder livevalidation maar krijg het niet voorelkaar om dit in mijn bestaande formulier toe te passen.
Weet iemand hier een oplossing voor?
- Aar - op 04/03/2011 12:50:29:
Wat heb je zoal geprobeerd?
Zoals ik al had gezegd heb ik het met livevalidation geprobeerd maar ik krijg dit niet ingevoegd want krijg dan een foutmelding "livevalidation niet gedefineerd".
Verder ben ik gister als de hele dag wezen zoeken naar een oplossing op internet, maar weet zo niet waar ik precies op moet zoeken, dus kom ook niet echt verder.
Gewijzigd op 04/03/2011 13:32:21 door Kris Peeters
Kris Peeters op 04/03/2011 13:25:26:
Toon eens wat van je formulier
Code (php)
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
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
<HTML>
<HEAD>
<!-- JQuery -->
<script type="text/javascript" src="contact/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
// we will add our javascript code here
$(document).ready(function(){
$("#ajax-contact-form").submit(function(){
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "bestellen/bestellen.php",
data: str,
success: function(msg){
$("#note").ajaxComplete(function(event, request, settings){
if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
{
result = '<div class="notification_ok">Uw bestelling is verzonden, wij nemen zo spoedig mogelijk contact met u op.</div>';
$("#fields").hide();
}
else
{
result = msg;
}
$(this).html(result);
});
}
});
return false;
});
});
</script>
<link rel="stylesheet" type="text/css" href="contact/style.css" />
</HEAD>
<BODY>
<center>
<div align="left" style="width: 500px;">
<fieldset class="info_fieldset"><legend>Bestellen</legend>
<div id="note"></div>
<div id="fields">
<form id="ajax-contact-form" action="javascript:alert('success!');">
<label>Naam *</label><INPUT class="textbox" type="text" name="name" value=""><br />
<label>Straat *</label><INPUT class="textbox" type="text" name="straat" value=""><br />
<label>Huisnummer *</label><INPUT class="textbox" type="int" name="huisnummer" value=""><br />
<label>Postcode *</label><INPUT class="textbox" type="text" name="postcode" value=""><br />
<label>Plaats *</label><INPUT class="textbox" type="text" name="plaats" value=""><br />
<label>E-Mail *</label><INPUT class="textbox" type="text" name="email" value=""><br />
<label>Telefoonnummer *</label><INPUT class="textbox" type="int" name="telefoon" value=""><br />
<label>Aantal *</label><INPUT class="textbox" type="int" name="aantal" value=""><br />
<label> Bestelling verzenden via post (Klik <a href="/verzending/verzendkosten.php">hier</a> voor kosten)</label><Input type = 'Checkbox' Name ='verzendkosten' value ="verzendkosten"/>
<br><br>
* = verplicht veld
<label> </label><INPUT class="button" type="submit" name="submit" value="Verstuur bestelling">
</form>
</div>
</fieldset>
</div>
</center>
</BODY>
</HTML>
<HEAD>
<!-- JQuery -->
<script type="text/javascript" src="contact/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
// we will add our javascript code here
$(document).ready(function(){
$("#ajax-contact-form").submit(function(){
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "bestellen/bestellen.php",
data: str,
success: function(msg){
$("#note").ajaxComplete(function(event, request, settings){
if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
{
result = '<div class="notification_ok">Uw bestelling is verzonden, wij nemen zo spoedig mogelijk contact met u op.</div>';
$("#fields").hide();
}
else
{
result = msg;
}
$(this).html(result);
});
}
});
return false;
});
});
</script>
<link rel="stylesheet" type="text/css" href="contact/style.css" />
</HEAD>
<BODY>
<center>
<div align="left" style="width: 500px;">
<fieldset class="info_fieldset"><legend>Bestellen</legend>
<div id="note"></div>
<div id="fields">
<form id="ajax-contact-form" action="javascript:alert('success!');">
<label>Naam *</label><INPUT class="textbox" type="text" name="name" value=""><br />
<label>Straat *</label><INPUT class="textbox" type="text" name="straat" value=""><br />
<label>Huisnummer *</label><INPUT class="textbox" type="int" name="huisnummer" value=""><br />
<label>Postcode *</label><INPUT class="textbox" type="text" name="postcode" value=""><br />
<label>Plaats *</label><INPUT class="textbox" type="text" name="plaats" value=""><br />
<label>E-Mail *</label><INPUT class="textbox" type="text" name="email" value=""><br />
<label>Telefoonnummer *</label><INPUT class="textbox" type="int" name="telefoon" value=""><br />
<label>Aantal *</label><INPUT class="textbox" type="int" name="aantal" value=""><br />
<label> Bestelling verzenden via post (Klik <a href="/verzending/verzendkosten.php">hier</a> voor kosten)</label><Input type = 'Checkbox' Name ='verzendkosten' value ="verzendkosten"/>
<br><br>
* = verplicht veld
<label> </label><INPUT class="button" type="submit" name="submit" value="Verstuur bestelling">
</form>
</div>
</fieldset>
</div>
</center>
</BODY>
</HTML>
er moet dus een checkbox bij komen als men bij plaats Gronigen heeft ingevuld.
Gewijzigd op 04/03/2011 13:32:33 door agge Lukens
---------
De beste optie is om hier met Ajax met JSON te werken.
Dat kan bv. zorgen dat je controleert of een username (moet uniek zijn) al bezet is. Dat kan volledig automatisch gebeuren, zonder dat de gebruiker daar iets van merkt.
Bij een bezette username krijgt de client dan (in een fel kleurtje) een bericht te zien. Dat alles dus zonder dat ooit op een submit knop is gedrukt.
Zo-iets zoek je, he
alleen dan geen fel kleurtje maar een extra checkbox.
iemand al een idee!?
Gewijzigd op 06/03/2011 10:56:13 door agge Lukens
Want ben er namelijk nog steeds niet uit?
Hoop dat 1 van julie de oplossing weet!