login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Script om invoerveld te kontroleren.

Offline Yammaski - 21/03/2007 14:29 (laatste wijziging 21/03/2007 14:31)
Avatar van YammaskiNieuw lid Ik zoek een scriptje dat nakijkt of er in het invoerveld van mijn Zoekfunctie wel iets ingevuld is als men op de Zoek-button klikt. Als dit niet is moet er een alertje verschijnen. Als er wel iets ingevuld is gaat de opdracht gewoon verder.
Iemand een idee ?
Ik heb er al verschillende gevonden op het net, maar geen enkel werkt. Is dit mischien omdat de value van het zoekveld al de waarde "<%= Request.QueryString("ZoekProduct") %>" heeft ?

Nu heb ik :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function controleer(Zoeken)
  4. {
  5.   if(Zoeken.ZoekProduct.value == "")
  6.   { alert("Je hebt niks ingevuld."); }
  7. }
  8. //--> 
  9. </script>
  10. </head>
  11. <body>
  12. <form id="Zoeken" name="Zoeken" method="get" action="Search_Results.asp" >
  13.   <table width="620" border="1" cellspacing="0" cellpadding="2">
  14.     <tr>
  15.       <td>Zoek 
  16.         <label>
  17.         <input name="ZoekProduct" type="text" id="ZoekProduct" value="<%= Request.QueryString("ZoekProduct") %>" size="10" onchange="controleer(this.form)" />
  18.         <input type="submit" name="Submit" value="Submit" />

Dit werkt alleen als men eerst iets invoert, dan op Zoek klikt (resultaat wordt getoond), terugklikken in de browser, het ingevoerde (is blijven staan) verwijdert en dan terug op Zoek klikt.
Dan pas krijg ik het alertje !

Iemand een idee hoe ik dit normaal kan laten werken ?

Alvast bedantk,
Yammaski.

Citaat:
Siliecom14's edit:
Code tags gebruiken 

2 antwoorden

Gesponsorde links
Offline Thomas - 21/03/2007 14:37 (laatste wijziging 21/03/2007 14:38)
Avatar van Thomas Moderator Je kunt de form-tag beter een onSubmit-attribuut meegeven, want als je het (lege?) invoerveld niet wijzigt, zal de controleer-functie nooit aangeroepen worden.

Ook is niet-lege invoer niet altijd goed, denk aan invoer waarbij men enkel spaties invoert.

Gebruik een [trim functie], en doe dan zoiets:

javascript
php code - Bekijk de code zonder highlighting - Klap code in 
  1. // declaratie van trim() hier ook ergens neerzetten
  2.  
  3. function check_form()
  4. {
  5.   var ret = true;
  6.   if(trim(document.getElementById('ZoekProdukt').value) == '')
  7.   {
  8.     window.alert('vul iets in...');
  9.     ret = false;
  10.   }
  11.  
  12.   // eventuele andere controles en foutmeldingen
  13.   // ...
  14.  
  15.   return ret;
  16. }


form
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form action="..." method="get" onsubmit="return check_form()">
  2. ...
  3. </form>
Offline Abbas - 21/03/2007 14:38 (laatste wijziging 21/03/2007 14:39)
Avatar van Abbas Gouden medaille

Crew .NET
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if(trim(document.Zoeken.Zoekproduct.Value == ""))
  2. {
  3.    alert("Vak invullen");
  4. }


Dat van mij is eenvoudiger, maar dat van FangorN is waarschijnlijk beter! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.205s