login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Combinatie Javascript en PHP

Offline raysoft - 08/11/2005 23:04 (laatste wijziging 08/11/2005 23:20)
Avatar van raysoftNieuw lid In onderstaande code maak ik gebruik van een javascript om te controleren of alle velden ingevuld zijn.
Indien nee komt er een popup die aangeeft welke velden nog ingevuld moeten worden.
Indien ja is de bedoeling dat de gegevens die in de velden staan doorgezonden worden naar een database.

Het lukt mij echter niet om dit goed voor elkaar te krijgen.
Kan iemand mij vertellen wat ik moet aanpassen om na de field_check ook de data daadwerkelijk naar de database te zenden?
Een simpele include van het uitvoerscript werkt niet, de php-code van het uitvoerscript inplakken werkt ook niet.
Ik het er nu even:
<form action=bandverw.php name="form1" method="post" >
neegezet omdat dit de actie is die normaal uitgevoerd moet worden.


Code:


php code - Bekijk de code zonder highlighting - Klap code in 
  1. </head>  
  2.     <body>  
  3.         <div id="header"><?php include("include\header.inc");?></div> 
  4.         <div id="footer"><?php include("include\footer.inc");?></div> 
  5.         <div id="content"> 
  6.             <p> 
  7.  
  8.  
  9.    <script language="JavaScript"> 
  10. <!-- 
  11.  
  12. function formCheck(formobj){ 
  13.     // Enter name of mandatory fields 
  14.     var fieldRequired = Array("naam", "straat", "huisnr1", "huisnr2","pcode1", "pcode2", "plaats", "telefoon", "email", "inschrijfnr", "reknum", "bank", "artiest"); 
  15.  
  16.     // Enter field description to appear in the dialog box 
  17.     var fieldDescription = Array("naam", "straat", "huisnr1", "huisnr2","pcode1", "pcode2", "plaats", "telefoon", "email", "inschrijfnr", "reknum", "bank", "artiest"); 
  18.  
  19.     // dialog message 
  20.     var alertMsg = "U bent vergeten onderstaande velden in te vullen:n"; 
  21.  
  22.     var l_Msg = alertMsg.length; 
  23.  
  24.     for (var i = 0; i < fieldRequired.length; i++){ 
  25.         var obj = formobj.elements[fieldRequired[i]]; 
  26.         if (obj){ 
  27.             switch(obj.type){ 
  28.             case "select-one": 
  29.                 if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){ 
  30.                     alertMsg += " - " + fieldDescription[i] + "n"; 
  31.                 } 
  32.                 break; 
  33.             case "select-multiple": 
  34.                 if (obj.selectedIndex == -1){ 
  35.                     alertMsg += " - " + fieldDescription[i] + "n"; 
  36.                 } 
  37.                 break; 
  38.             case "text": 
  39.             case "textarea": 
  40.                 if (obj.value == "" || obj.value == null){ 
  41.                     alertMsg += " - " + fieldDescription[i] + "n"; 
  42.                 } 
  43.                 break; 
  44.             default: 
  45.             } 
  46.             if (obj.type == undefined){ 
  47.                 var blnchecked = false; 
  48.                 for (var j = 0; j < obj.length; j++){ 
  49.                     if (obj[j].checked){ 
  50.                         blnchecked = true; 
  51.                     } 
  52.                 } 
  53.                 if (!blnchecked){ 
  54.                     alertMsg += " - " + fieldDescription[i] + "n"; 
  55.                 } 
  56.             } 
  57.         } 
  58.     } 
  59.  
  60.       if (alertMsg.length == l_Msg){    
  61. [b]// 8>< 
  62. //HIER MOET DE VERWIJZING KOMEN 
  63.  
  64. <form action=bandverw.php name="form1" method="post" > 
  65.  
  66.  
  67. // ><8 [/b]return true 
  68.    }else{ 
  69.         alert(alertMsg); 
  70.         return false; 
  71.     } 
  72. } 
  73. </script> 
  74.  
  75.  
  76. <form onSubmit="return formCheck(this);" METHOD="post"> 
  77.     <p align="center"><b>(Gegevens in lichtgeel gekleurde veld zijn voor administratie doeleinden en wordt niet weergegeven)</b> </p> 
  78.   <table width="645" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFCC"> 
  79.     <tr> 
  80.       <td width="356"><div align="left"><strong>Naam: 
  81.             <input name="naam" type="text" id="naam"> 
  82.       </strong></div></td> 
  83.       <td width="273">&nbsp;</td> 
  84.       <td width="395">&nbsp;</td> 
  85.     </tr> 
  86.     <tr> 
  87.       <td><div align="left"><strong>Straat: 
  88.           <input name="straat" type="text" id="straat"> 
  89.           </strong></div></td> 
  90.       <td><strong>Nr: 
  91.           <input name="huisnr1" type="text" id="huisnr12" size="4" maxlength="4"> 
  92.           <input name="huisnr2" type="text" id="huisnr22" size="2" maxlength="2"> 
  93.       </strong></td> 
  94.       <td><strong>Postcode: 
  95.           <input name="pcode1" type="text" id="pcode12" size="4" maxlength="4"> 
  96. - 
  97. <input name="pcode2" type="text" id="pcode22" size="2" maxlength="2"> 
  98.       </strong></td> 
  99.     </tr> 
  100.     <tr> 
  101.       <td><strong>Plaats: 
  102.           <input name="plaats" type="text" id="plaats2"> 
  103.       </strong></td> 
  104.       <td><strong>Tel.nr: 
  105.  
  106.       </strong></td> 
  107.       <td><strong> 
  108.         <input name="telefoon" type="text" id="telefoon"> 
  109.       </strong></td> 
  110.     </tr> 
  111.     <tr> 
  112.       <td><strong>E-mail: 
  113.         <input name="email" type="text" id="email"> 
  114.       </strong></td> 
  115.       <td><strong>Inschrijfcode: </strong></td> 
  116.       <td><strong> 
  117.         <input name="inschrijfnr" type="text" id="inschrijfnr"> 
  118.       </strong></td> 
  119.     </tr> 
  120.     <tr> 
  121.       <td><strong>Rek.nr: 
  122.         <input name="reknum" type="text" id="reknum"> 
  123.       </strong></td> 
  124.  
  125.       <td><strong>Bank: 
  126.  
  127.       </strong></td> 
  128.       <td><strong> 
  129.         <input name="bank" type="text" id="bank2"> 
  130.       </strong></td> 
  131.       <td>&nbsp;</td> 
  132.     </tr> 
  133.   </table> 
  134.  
  135.  
  136.   <p><strong><p align="center"><strong>Artiest/ Bandnaam</strong>: 
  137.     <p align="center"><input name="artiest" type="text" id="artiest"> 
  138.     </p> 
  139.  
  140.    <p><strong><p align="center"><strong>Regio: </strong></p> 
  141. <p align="center"><select name=regio> 
  142. <option value=Noord_Holland selected>Noord Holland</option> 
  143. <option value=Zuid_Holland>Zuid Holland</option> 
  144. <option value=Zeeland>Zeeland</option> 
  145. <option value=Utrecht>Utrecht</option> 
  146. <option value=Brabant>Brabant</option> 
  147. <option value=Limburg>Limburg</option> 
  148. <option value=Groningen>Groningen</option> 
  149. <option value=Friesland>Friesland</option> 
  150. <option value=Drenthe>Drenthe</option> 
  151. <option value=Flevoland>Flevoland</option> 
  152. <option value=Overijssel>Overijssel</option> 
  153. <option value=Gelderland>Gelderland</option> 
  154. </select> 
  155.  
  156.   <p><strong><p align="center"><strong>muzieksoort/repertoire</strong>: 
  157.     <p align="center"><input name="soort" type="text" id="soort"> 
  158.     </p> 
  159.   <p><strong><p align="center"><strong>Info:</strong></p> 
  160.   <p><strong> 
  161.     <p align="center"><textarea name="info" cols="100" rows="10" id="info"></textarea> 
  162.     </p> 
  163.   <p>&nbsp;</p> 
  164.   <p><p align="center"> Foto <a href="upload.php" onClick="window.open('upload.php','upload', 
  165. 'width=300,height=300,scrollbars=no,toolbar=no,location=no'); return false">Uploaden</a> 
  166.   <p align="center"> 
  167.     <input type="submit" name="Submit" value="Verstuur"> 
  168.   <p> 
  169.  
  170.  
  171.   <p>&nbsp;</p> 
  172. </form> 
  173. <p>&nbsp;</p> 
  174. <p>&nbsp;</p> 
  175. </div> 
  176. </body> 
  177. </html>



vinTage edit: ik heb even een dikke 40 regels styles gedelete, die zijn totaal onbelangrijk.
Post alleen de stukken code waar je denkt dat de fout zit..

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2025 Sitemasters.be - Regels - Laadtijd: 0.191s