login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Jquery form valideren (Opgelost)

Offline sanderrebry - 05/04/2014 11:30 (laatste wijziging 05/04/2014 11:30)
Avatar van sanderrebryLid Beste,

Via het onderstaand script probeer ik voor het versturen van mijn ajax gegevens een form validation te doen op een veld txt_aantalbestanden, die verplicht moet zijn en enkels cijfers mag bevatten. Eerst een validation wanneer deze goed is mag deze doorgaan naar het ajax gedeelte.
Gelieve niet te letten op de quotes want deze gebruik ik onder PHP...

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type=\"text/javascript\">
  2.          $(document).ready(function(){
  3.  
  4.              $('#but').click(function(){
  5. 		$('#form').validate({
  6. 			 rules: {
  7. txt_aantalbestanden: {
  8. required: true,
  9. number: true
  10. }
  11. }
  12.  });
  13.                   var querystring = $('#form').serialize();
  14. 				  $('#txtHint').css('border','solid thin grey');
  15.                  $('#txtHint').html(querystring);
  16.  
  17.                  $.ajax({
  18.     type:\"POST\",
  19.     url: \"[wblink319]\",
  20.     cache:false,
  21.      data: querystring,
  22. 	beforeSend: function()
  23.     {
  24.         $(\"#txtHint\").html('Bezig met laden... Even geduld aub.');
  25.     },
  26.     success: function(data){
  27.           $(\"#txtHint\").html(data);
  28.  
  29.         },
  30.     error: function()
  31.     {
  32.         $(\"#txtHint\").html('Er is een fout opgetreden !');
  33.     }
  34.     });
  35. 		 });
  36. 		  });
  37.  
  38.  
  39.     </script>

4 antwoorden

Gesponsorde links
Offline vinTage - 05/04/2014 12:23
Avatar van vinTage Nieuw lid
sanderrebry schreef:
Gelieve niet te letten op de quotes want deze gebruik ik onder PHP...


Eh...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2.   //for, while, whatever()
  3.   {
  4. ?>
  5. <script>
  6.   meuk
  7. </script>
  8. <?php
  9.   }
  10.   //end
Offline Thomas - 05/04/2014 12:25
Avatar van Thomas Moderator En je vraag of probleem is?
Offline sanderrebry - 05/04/2014 13:25
Avatar van sanderrebry Lid Het script verstuurd nu mijn form door via ajax naar een pagina.
(Gelieve niet te letten op de quotes, het script werkt perfect binnen het CMS-systeem)
Er is een veld die verplicht zou moeten zijn en enkel cijfers mag bevatten.
Dit wil ik graag doen in het jquery gedeelte voor dat het verzonden worden naar het ajax gedeelte.
Dank!
Offline Thomas - 05/04/2014 14:19
Avatar van Thomas Moderator Uhm, als ik de .validate() functie goed begrijp (dit is trouwens een plugin, dus mogelijk moet je deze apart includen?) kun je aan de property "submitHandler" verdere afhandeling koppelen via een (callback)functie - die wordt uitgevoerd als je formulier succesvol is gevalideerd. Daar zet je (dus) je AJAX meuk neer.

Op een soortgelijke wijze kun je een custom foutafhandeling(s callback functie) koppelen aan de property "invalidHandler".

Ik denk dat je de voorbeelden van die site aldaar letterlijk kunt toepassen op je code.

Neemt trouwens niet weg dat een kwaadwillende gebruiker deze (clientside) controle kan skippen, dus het is verstandig om ook altijd aan de serverzijde (dezelfde) controles uit te voeren.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s