Ingevoerde plaats controleren

Door agge Lukens op 04-03-2011 12:44

1.181 views

hallo,

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?

Ariën

04-03-2011 12:50

Wat heb je zoal geprobeerd?

agge Lukens

04-03-2011 12:54

- 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.

Kris Peeters

04-03-2011 13:25 gewijzigd op 04-03-2011 13:32

Toon eens wat van je formulier

agge Lukens

04-03-2011 13:29 gewijzigd op 04-03-2011 13:32

Kris Peeters op 04/03/2011 13:25:26

Toon eens wat van je formulier


<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>&nbsp;</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.

Kris Peeters

04-03-2011 13:32

Ik zal eens kijken

---------

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

agge Lukens

04-03-2011 13:34 gewijzigd op 06-03-2011 10:56

ja zoiets zoek ik,
alleen dan geen fel kleurtje maar een extra checkbox.

iemand al een idee!?

agge Lukens

21-03-2011 18:38

Iemand hier nog mee bezig?
Want ben er namelijk nog steeds niet uit?

Hoop dat 1 van julie de oplossing weet!

Reageren

Inloggen om te reageren