API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 7th, 2014
288
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. <html>
  5. <head>
  6. <title>inschrijven Voor bingo - created by phpFormGenerator</title>
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8"><link href="style.css" rel="stylesheet" type="text/css">
  8. <!-- calendar stuff -->
  9. <link rel="stylesheet" type="text/css" href="calendar/calendar-blue2.css" />
  10. <script type="text/javascript" src="calendar/calendar.js"></script>
  11. <script type="text/javascript" src="calendar/calendar-en.js"></script>
  12. <script type="text/javascript" src="calendar/calendar-setup.js"></script>
  13. <!-- END calendar stuff -->
  14.  
  15. <!-- expand/collapse function -->
  16. <SCRIPT type=text/javascript>
  17. <!--
  18. function collapseElem(obj)
  19. {
  20. var el = document.getElementById(obj);
  21. el.style.display = 'none';
  22. }
  23.  
  24.  
  25. function expandElem(obj)
  26. {
  27. var el = document.getElementById(obj);
  28. el.style.display = '';
  29. }
  30.  
  31.  
  32. //-->
  33. </SCRIPT>
  34. <!-- expand/collapse function -->
  35.  
  36.  
  37. <!-- expand/collapse function -->
  38. <SCRIPT type=text/javascript>
  39. <!--
  40.  
  41. // collapse all elements, except the first one
  42. function collapseAll()
  43. {
  44. var numFormPages = 2;
  45.  
  46. for(i=2; i <= numFormPages; i++)
  47. {
  48. currPageId = ('mainForm_' + i);
  49. collapseElem(currPageId);
  50. }
  51. }
  52.  
  53.  
  54. //-->
  55. </SCRIPT>
  56. <!-- expand/collapse function -->
  57.  
  58.  
  59. <!-- validate -->
  60. <SCRIPT type=text/javascript>
  61. <!--
  62. function validateField(fieldId, fieldBoxId, fieldType, required)
  63. {
  64. fieldBox = document.getElementById(fieldBoxId);
  65. fieldObj = document.getElementById(fieldId);
  66.  
  67. if(fieldType == 'text' || fieldType == 'textarea' || fieldType == 'password' || fieldType == 'file' || fieldType == 'phone' || fieldType == 'website')
  68. {
  69. if(required == 1 && fieldObj.value == '')
  70. {
  71. fieldObj.setAttribute("class","mainFormError");
  72. fieldObj.setAttribute("className","mainFormError");
  73. fieldObj.focus();
  74. return false;
  75. }
  76.  
  77. }
  78.  
  79.  
  80. else if(fieldType == 'menu' || fieldType == 'country' || fieldType == 'state')
  81. {
  82. if(required == 1 && fieldObj.selectedIndex == 0)
  83. {
  84. fieldObj.setAttribute("class","mainFormError");
  85. fieldObj.setAttribute("className","mainFormError");
  86. fieldObj.focus();
  87. return false;
  88. }
  89.  
  90. }
  91.  
  92.  
  93. else if(fieldType == 'email')
  94. {
  95. if((required == 1 && fieldObj.value=='') || (fieldObj.value!='' && !validate_email(fieldObj.value)))
  96. {
  97. fieldObj.setAttribute("class","mainFormError");
  98. fieldObj.setAttribute("className","mainFormError");
  99. fieldObj.focus();
  100. return false;
  101. }
  102.  
  103. }
  104.  
  105.  
  106.  
  107. }
  108.  
  109. function validate_email(emailStr)
  110. {
  111. apos=emailStr.indexOf("@");
  112. dotpos=emailStr.lastIndexOf(".");
  113.  
  114. if (apos<1||dotpos-apos<2)
  115. {
  116. return false;
  117. }
  118. else
  119. {
  120. return true;
  121. }
  122. }
  123.  
  124.  
  125. function validateDate(fieldId, fieldBoxId, fieldType, required, minDateStr, maxDateStr)
  126. {
  127. retValue = true;
  128.  
  129. fieldBox = document.getElementById(fieldBoxId);
  130. fieldObj = document.getElementById(fieldId);
  131. dateStr = fieldObj.value;
  132.  
  133.  
  134. if(required == 0 && dateStr == '')
  135. {
  136. return true;
  137. }
  138.  
  139.  
  140. if(dateStr.charAt(2) != '/' || dateStr.charAt(5) != '/' || dateStr.length != 10)
  141. {
  142. retValue = false;
  143. }
  144.  
  145. else // format's okay; check max, min
  146. {
  147. currDays = parseInt(dateStr.substr(0,2),10) + parseInt(dateStr.substr(3,2),10)*30 + parseInt(dateStr.substr(6,4),10)*365;
  148. //alert(currDays);
  149.  
  150. if(maxDateStr != '')
  151. {
  152. maxDays = parseInt(maxDateStr.substr(0,2),10) + parseInt(maxDateStr.substr(3,2),10)*30 + parseInt(maxDateStr.substr(6,4),10)*365;
  153. //alert(maxDays);
  154. if(currDays > maxDays)
  155. retValue = false;
  156. }
  157.  
  158. if(minDateStr != '')
  159. {
  160. minDays = parseInt(minDateStr.substr(0,2),10) + parseInt(minDateStr.substr(3,2),10)*30 + parseInt(minDateStr.substr(6,4),10)*365;
  161. //alert(minDays);
  162. if(currDays < minDays)
  163. retValue = false;
  164. }
  165. }
  166.  
  167. if(retValue == false)
  168. {
  169. fieldObj.setAttribute("class","mainFormError");
  170. fieldObj.setAttribute("className","mainFormError");
  171. fieldObj.focus();
  172. return false;
  173. }
  174. }
  175. //-->
  176. </SCRIPT>
  177. <!-- end validate -->
  178.  
  179.  
  180.  
  181.  
  182. </head>
  183.  
  184. <body onLoad="collapseAll()">
  185.  
  186. <div id="mainForm">
  187.  
  188.  
  189.  
  190.  
  191. <div id="formHeader">
  192. <h2 class="formInfo">inschrijven Voor bingo</h2>
  193. <p class="formInfo">Hier kunt u uzelf inschrijven voor de Wijk Bingo.
  194.  
  195. Deze bingo is voor Personen vanaf 16 jaar
  196.  
  197. Vanwege ruimte gebrek vragen wij of alleen mensen kunnen komen die ook echt komen spelen.</p>
  198. </div>
  199.  
  200.  
  201. <BR/><!-- begin form -->
  202. <form method=post enctype=multipart/form-data action=processor.php onSubmit="return validatePage2();"><ul class=mainForm id="mainForm_1">
  203.  
  204. <li class="mainForm" id="fieldBox_1">
  205. <label class="formFieldQuestion">Achternaam&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>Dit is voor het ophalen van de tickets op de Bingo</span></a></label><input class=mainForm type=text name=field_1 id=field_1 size='20' value=''></li>
  206.  
  207. <li class="mainForm" id="fieldBox_2">
  208. <label class="formFieldQuestion">Huisnummer&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>dit is voor onze administratie</span></a></label><input class=mainForm type=text name=field_2 id=field_2 size='20' value=''></li>
  209.  
  210. <li class="mainForm" id="fieldBox_3">
  211. <label class="formFieldQuestion">Straat&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>dit is voor onze administratie</span></a></label><input class=mainForm type=text name=field_3 id=field_3 size='20' value=''></li>
  212.  
  213.  
  214. <!-- end of this page -->
  215.  
  216. <!-- page validation -->
  217. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
  218. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
  219. <SCRIPT type=text/javascript>
  220. <!--
  221. function validatePage1()
  222. {
  223. retVal = true;
  224. if (validateField('field_1','fieldBox_1','text',1) == false)
  225. retVal=false;
  226. if (validateField('field_2','fieldBox_2','text',1) == false)
  227. retVal=false;
  228. if (validateField('field_3','fieldBox_3','text',1) == false)
  229. retVal=false;
  230.  
  231. if(retVal == false)
  232. {
  233. alert('Please correct the errors. Fields marked with an asterisk (*) are required');
  234. return false;
  235. }
  236. return retVal;
  237. }
  238. //-->
  239. </SCRIPT>
  240. <script type="text/javascript">
  241.  
  242. function display(obj,id1,id2,id3) {
  243. txt = obj.options[obj.selectedIndex].value;
  244. warn(obj.options[obj.selectedIndex].value;)
  245. document.getElementById(formfield1).style.display = 'none';
  246. document.getElementById(formfield2).style.display = 'none';
  247. document.getElementById(formfield3).style.display = 'none';
  248. if ( txt.match(id1) ) {
  249. document.getElementById(formfield1).style.display = 'block';
  250. warn(txt.value)
  251. }
  252. if ( txt.match(id2) ) {
  253. document.getElementById(formfield2).style.display = 'block';
  254. document.getElementById(formfield1).style.display = 'block';
  255. warn(txt.value)
  256. }
  257. if ( txt.match(id3) ) {
  258. document.getElementById(formfield2).style.display = 'block';
  259. document.getElementById(formfield1).style.display = 'block';
  260. document.getElementById(formfield3).style.display = 'block';
  261. warn(txt.value)
  262. }
  263. }
  264. </script>
  265. <!-- end page validaton -->
  266.  
  267.  
  268.  
  269. <!-- next page buttons --><li class="mainForm">
  270. <input type=button onclick="if (validatePage1()) { collapseElem('mainForm_1'); expandElem('mainForm_2');}" class="mainForm" value="Go to page 2"/>
  271. </li>
  272. <!-- close the display stuff for this page -->
  273. </ul><ul class=mainForm id="mainForm_2">
  274.  
  275. <li class="mainForm" id="fieldBox_4">
  276. <label class="formFieldQuestion">Met hoeveel extra personen komt u spelen? (exclusief uzelf)&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>met hoeveel extra personen komt u spelen exclusief uzelf</span></a></label><select onchange="display(this,0,1,2,3);" class=mainForm name=field_4 id=field_4><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></li>
  277.  
  278.  
  279.  
  280. <li class="mainForm" id="fieldBox_5">
  281. <label class="formFieldQuestion">Met hoeveel kaarten speelt u zelf?&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>Met hoeveel kaarten wilt u zelf meespelen?
  282. een kaartje kost 2,50 euro</span></a></label><span><input class=mainForm type=radio name=field_5 id=field_5_option_1 value="1" /><label class=formFieldOption for="field_5_option_1" checked=1>1</label><input class=mainForm type=radio name=field_5 id=field_5_option_2 value="2" /><label class=formFieldOption for="field_5_option_2">2</label><input class=mainForm type=radio name=field_5 id=field_5_option_3 value="3" /><label class=formFieldOption for="field_5_option_3">3</label></span></li>
  283. <tbody id="formfield1" style="display: none;">
  284. <li class="mainForm" id="fieldBox_6" >
  285. <label class="formFieldQuestion">Met hoeveel kaarten speelt speler 2&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>met hoeveel kaarten speelt speler 2 mee?
  286. een kaartje kost 2,50 euro</span></a></label><span><input class=mainForm type=radio name=field_6 id=field_6_option_1 value="1" /><label class=formFieldOption for="field_6_option_1" >1</label><input class=mainForm type=radio name=field_6 id=field_6_option_2 value="2" /><label class=formFieldOption for="field_6_option_2">2</label><input class=mainForm type=radio name=field_6 id=field_6_option_3 value="3" /><label class=formFieldOption for="field_6_option_3">3</label></span></li>
  287. </tbody>
  288. <tbody id="formfield2" style="display: none;">
  289. <li class="mainForm" id="fieldBox_7" >
  290. <label class="formFieldQuestion">Met hoeveel kaarten speelt speler 3&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>met hoeveel kaarten speelt speler 3 mee?
  291. een kaartje kost 2,50 euro</span></a></label><span><input class=mainForm type=radio name=field_7 id=field_7_option_1 value="1" /><label class=formFieldOption for="field_7_option_1" >1</label><input class=mainForm type=radio name=field_7 id=field_7_option_2 value="2" /><label class=formFieldOption for="field_7_option_2">2</label><input class=mainForm type=radio name=field_7 id=field_7_option_3 value="3" /><label class=formFieldOption for="field_7_option_3">3</label></span></li>
  292. </tbody>
  293. <tbody id="formfield3" style="display: none;">
  294. <li class="mainForm" id="fieldBox_8">
  295. <label class="formFieldQuestion">Met hoeveel kaarten speelt speler 4&nbsp;*&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>met hoeveel kaarten speelt speler 4 mee?
  296. een kaartje kost 2,50 euro</span></a></label><span><input class=mainForm type=radio name=field_8 id=field_8_option_1 value="1" /><label class=formFieldOption for="field_8_option_1" >1</label><input class=mainForm type=radio name=field_8 id=field_8_option_2 value="2" /><label class=formFieldOption for="field_8_option_2">2</label><input class=mainForm type=radio name=field_8 id=field_8_option_3 value="3" /><label class=formFieldOption for="field_8_option_3">3</label></span></li>
  297. </tbody>
  298.  
  299. <!-- end of this page -->
  300.  
  301. <!-- page validation -->
  302.  
  303.  
  304. <SCRIPT type=text/javascript>
  305. <!--
  306. function validatePage2()
  307. {
  308. retVal = true;
  309. if (validateField('field_4','fieldBox_4','menu',1) == false)
  310. retVal=false;
  311. if (validateField('field_5','fieldBox_5','radio',1) == false)
  312. retVal=false;
  313. if (validateField('field_6','fieldBox_6','radio',1) == false)
  314. retVal=false;
  315. if (validateField('field_7','fieldBox_7','radio',1) == false)
  316. retVal=false;
  317. if (validateField('field_8','fieldBox_8','radio',1) == false)
  318. retVal=false;
  319.  
  320. if(retVal == false)
  321. {
  322. alert('Please correct the errors. Fields marked with an asterisk (*) are required');
  323. return false;
  324. }
  325. return retVal;
  326. }
  327. //-->
  328. </SCRIPT>
  329.  
  330. <!-- end page validaton -->
  331.  
  332.  
  333.  
  334. <!-- next page buttons --><li class="mainForm">
  335. <label class="formFieldQuestion">
  336. Type the following:&nbsp;<a class=info href=#><img src=imgs/tip_small.png border=0><span class=infobox>For security purposes, please type the letters in the image.</span></a><BR><img src="CaptchaSecurityImages.php" />
  337. </label>
  338.  
  339. <input id="captchaForm" name="security_code" class="mainForm" type="text"/>
  340. </li><li class="mainForm">
  341. <input id="saveForm" class="mainForm" type="submit" value="Submit" />
  342. </li>
  343.  
  344. </form>
  345. <!-- end of form -->
  346. <!-- close the display stuff for this page -->
  347. </ul></div><div id="footer"><p class="footer"><a class=footer href=http://phpformgen.sourceforge.net>Generated by phpFormGenerator</a></p></div>
  348.  
  349. </body>
  350. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!