login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Velden verplicht laten invullen lukt niet

Offline HereIAm - 23/05/2008 22:20
Avatar van HereIAmNieuw lid Ik heb een code gemaakt, die normaal 2 velden verplicht zou moeten maken voor in te vullen..
Ik maak gebruik v een skynetsite, het probleem is dat ik het formilier kan verzenden zonder dat ik die gegevens invul (Wie kan me helpen?)
Ik ken niet zoveel v javascript, dus vond het al een prestatie dat ik dit heb kunnen maken

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <script language="JavaScript">
  3. <!-- Begin
  4. function checkrequired(which) {
  5. var pass=true;
  6. if (document.images) {
  7. for (i=0;i<which.lenght;i++) {
  8. var tempobj=which.elements[i];
  9. if (tempobj.name.substring(0,8)=="required") {
  10. if (((tempobj.type=="text"||tempobj.type=="textarea")&& tempobj.value=="")||(tempobj.type.toString().charAt(0)=="s"&& tempobj.selectedIndex==0)) {
  11. pass=false;
  12. break;
  13. }}}}
  14. if (!pass) {
  15. shortFieldName=tempobj.name.substring(8,30).toUppercase(); alert("Zorg ervoor dat "+shortFieldName+" ook is ingevuld!");
  16. return false;
  17. }
  18. else
  19. return true;
  20. }
  21. // End -->
  22. </script>
  23. </head>
  24.  
  25. <body>
  26.  
  27.     <p align="left"><font face="Agency FB"><b><font size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  28.     <span style="background-color: #00FF00">Aanvraag oefenmatch</span></font></b><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></font></p>
  29.  
  30. 		<form onsubmit="return checkrequired(this)" method="post" action="http://users.skynet.be/cgi-bin/formd.cgi">
  31. 		<input type="hidden" name="to" value="test@gmail.com">
  32. 		<input type="hidden" name="next" value="http://www.zvcolympus.net/bedankt.htm">
  33. 		<input type="hidden" name="subject" value="Wedstrijdaanvraag">
  34.  
  35. 	<table border="0">
  36. 		<tr>
  37. 			<td align="right"><b><font face="Agency FB">Naam:</font></b></td>
  38. 			<td><font face="Agency FB"><input type="text" name="requirednaam" /></font></td>
  39. 		</tr>
  40. 		<tr>
  41. 			<td align="right"><b><font face="Agency FB">Ploegnaam:</font></b></td>
  42. 			<td><font face="Agency FB"><input type="text" name="Ploegnaam" /></font></td>
  43. 		</tr>
  44. 		<tr>
  45. 			<td align="right"><b><font face="Agency FB">Emailadres:</font></b></td>
  46. 			<td><font face="Agency FB"><input type="text" name="requiredemail" /></font></td>
  47. 		</tr>
  48. 		<tr>
  49. 			<td align="right"><b><font face="Agency FB">Gsm Nummer:</font></b></td>
  50. 			<td><font face="Agency FB"><input type="text" name="Gsm" /></font></td>
  51. 		</tr>
  52. 		<tr>
  53. 			<td align="right"><b><font face="Agency FB">Waar:</font></b></td>
  54. 			<td><font face="Agency FB">Eigen Terrein:</font></td>
  55. 			<td><font face="Agency FB"><input type="radio" name="terrein" value="Eigen Terrein"/></font></td>
  56. 		</tr>
  57. 		<tr>
  58. 			<td><b><font face="Agency FB">&nbsp;</font></b></td>
  59. 			<td><font face="Agency FB">Terrein Z.v.c. Olympus:</font></td>
  60. 			<td><font face="Agency FB"><input type="radio" name="terrein" value="Ons Terrein"/></font></td>
  61. 		</tr>	
  62.  
  63. 				<tr>
  64. 				<td align="right"><b><font face="Agency FB">Indien ons terrein,wij kunnen zeker:</font></b></td>
  65. 				<td><font face="Agency FB"><select name="Uur">
  66. 				<option selected="selected">- - - Kies een datum - - -</option>
  67. 				<option value="29/02">29/02/2008</option>
  68. 				<option value="07/03">07/03/2008</option>
  69. 				<option value="25/04">25/04/2008</option>
  70. 				</select></font></td>
  71. 				</tr>
  72.  
  73. 		<tr>
  74. 			<td align="right" valign="top">
  75.             <b>
  76.             <font face="Agency FB">
  77. 			Gegevens (Wanneer/Hoelaat)</font></b>
  78. 			</td>				
  79. 			<td align="left" valign="top">
  80.             <font face="Agency FB">
  81. 			<textarea name="Adres" cols="25" rows="6">
  82. 			</textarea>
  83.             </font>
  84. 			</td>
  85. 		</tr>
  86. 		<tr>
  87. 			<td> <font face="Agency FB"> &nbsp;</font></td>
  88. 			<td><font face="Agency FB"><input type="submit" value="Verzend" /></font></td>
  89. 			<td><font face="Agency FB"><input type="reset" value="Wis" /></font></td>
  90. 		</tr>
  91. 	</table>
  92. 	</form>
  93.     <p><font face="Agency FB"><b>Gelieve er rekening mee te houden dat alle contact hierna gebeurt via</b>
  94.     <a href="mailto:test@gmail.com">test@gmail.com</a></font></p>
  95. </body>

1 antwoord

Gesponsorde links
Offline Slipie - 24/05/2008 02:45
Avatar van Slipie PHP beginner Ik heb er ooit eens een leuk universeel script voor gemaakt:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function checkform() {
  2.         var check = 0;
  3.         for (i=0; i< document.frm.elements.length; i++) {
  4.                 box = document.frm.elements[i];
  5.                 if (!box.value) {
  6.                         if(check == 0) {
  7.                                 if(box.lang == 1) {
  8.                                         alert('You need to fill in field ' + box.id);
  9.                                         check = 1;
  10.                                         box.focus();
  11.                                 }
  12.                         }
  13.                 }
  14.         }
  15.         if(check == 0) {
  16.                 document.forms.frm.submit();
  17.         }
  18. }


Het enige wat je moet doen is in je velden een id meegeven (met dezelfde naam als name) en ik heb de lang waarde misbruikt (ik gebruik die nooit) om aan te geven welke velden je gecheckt wilt hebben.
Dus een form zou er dan zo uit moeten zien:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="frm" method="post" action="" onsubmit="return checkform()">
  2. <!-- veld dat ingevuld moet zijn -->
  3. <input type="text" name="name" id="name" lang="1">
  4. <!-- veld dat niet ingevuld hoeft te worden -->
  5. <input type="text" name="subject" id="subject">
  6. </form>


Ik hoop dat je er wat aan hebt 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s