Advertisement
Guest User

Untitled

a guest
Dec 6th, 2016
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.06 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Friends and Family</title>
  4. <script>
  5.  
  6.  
  7. function validate(form)
  8. {
  9. var form = document.forms["form"];
  10.  
  11. fail = validateFname(form.fname.value)
  12. fail += validateLname(form.lname.value)
  13. fail += validatePhone(form.phone.value)
  14. fail += validateAddress(form.address.value)
  15. fail += validateCity(form.city.value)
  16. fail += validateZip(form.zip.value)
  17. fail += validateMyUsername(form.myusername.value)
  18. fail += validatePassword(form.mypassword.value)
  19.  
  20. if (fail == "")
  21. return true
  22. else {
  23. alert(fail);
  24. return false
  25. }
  26. }
  27.  
  28. function validateFname(field)
  29. {
  30. if (field == "")
  31. return "No first name was entered.\n"
  32. else if (field.length < 3)
  33. return "First name must be at least 3 characters.\n"
  34. else if (/[^a-zA-Z]/.test(field))
  35. return "Only a-z and A-Z allowed for the first name.\n"
  36. return ""
  37. }
  38.  
  39. function validateLname(field)
  40. {
  41. console.log("I think the field is " + field);
  42. console.log("Passes test: " + /[a-zA-Z]/.test(field));
  43. if (field == "")
  44. return "No last name was entered.\n"
  45. else if (field.length < 3)
  46. return "Last name must be at least 3 characters.\n"
  47. else if (/[^a-zA-Z]/.test(field))
  48. return "Only a-z and A-Z allowed for the last name.\n"
  49. return ""
  50. }
  51.  
  52. function validatePhone(field)
  53. {
  54. if (field == "")
  55. return "No phone number was entered.\n"
  56. else if (field.length < 10)
  57. return "Phone number must be at least 10 characters.\n"
  58. else if (!/[0-9 -]/.test(field))
  59. return "Only the numbers 0-9 and '-' dashes are allowed in the phone number.\n"
  60. return ""
  61. }
  62.  
  63. function validateAddress(field)
  64. {
  65. if (field == "")
  66. return "No address was entered.\n"
  67. else if (field.length < 5)
  68. return ("Address must be at least 5 characters")
  69. else if (!/[a-zA-Z0-9]/.test(field))
  70. return "Only a-z, A-Z and 0-9 allowed in address.\n"
  71. return ""
  72. }
  73.  
  74. function validateCity(field)
  75. {
  76. if (field == "")
  77. return "No city was entered.\n"
  78. else if (field.length < 2)
  79. return ("City must be at least 2 characters")
  80. else if (!/[a-zA-Z]/.test(field))
  81. return "Only a-z and A-Z are allowed in city.\n"
  82. return ""
  83. }
  84.  
  85. function validateZip(field)
  86. {
  87. if (field == "")
  88. return "No zip number was entered.\n"
  89. else if (field.length < 5)
  90. return "Zip must be at least 5 characters.\n"
  91. else if (!/[0-9]/.test(field))
  92. return "Only the numbers 0-9 are allowed in the phone number.\n"
  93. return ""
  94. }
  95.  
  96. function validateMyUsername(field)
  97. {
  98. if (field == "")
  99. return "No Username was entered.\n"
  100. else if (field.length < 5)
  101. return "Usernames must beat least 5 characters.\n"
  102. else if (/[^a-zA-Z0-9_-]/.test(field))
  103. return "Only a-z, A-Z, 0-9, - and _ allowed in Usernames.\n"
  104. return ""
  105. }
  106.  
  107. function validatePassword(field)
  108. {
  109. if (field == "")
  110. return "No Password was entered.\n"
  111. else if (field.length < 6)
  112. return "Passwords must be at least 6 character.\n"
  113. else if (!/[a-z]/.test(field) || !/[A-Z]/.test(field) || !/[0-9]/.test(field))
  114. return "Passwords require one of each a-z, A-Z and 0-9.\n"
  115. return ""
  116. }
  117.  
  118.  
  119.  
  120. </script>
  121. </head>
  122. <body>
  123.  
  124. <form method="post" name="form" action="results.php">
  125. <table cellpadding="0" cellspacing="1">
  126. <tr>
  127. <td colspan="3">
  128. To create a profile, fill out the form and click create.
  129. </td>
  130. </tr>
  131. <tr>
  132. <td colspan="3">
  133. To search for a record, enter a first or last name and then click search.
  134. </td>
  135. </tr>
  136. <tr>
  137. <td colspan="3">
  138. To update a record, fill out the form completely. Use the username of the record you want to update, then click update.
  139. </td>
  140. </tr>
  141. <tr>
  142. <td>&nbsp;
  143. </td>
  144. <td>&nbsp;
  145. </td>
  146. <td>&nbsp;
  147. </td>
  148. </tr>
  149. <tr>
  150. <td align="right">
  151. First Name</td>
  152. <td align="left">
  153. <input type="text" name="fname" size="35" /> </td>
  154. <td>
  155. </td>
  156. </tr>
  157. <tr>
  158. <td align="right">
  159. Last Name</td>
  160. <td align="left">
  161. <input name="lname" type="text" size="35" /></td>
  162. <td>
  163. </td>
  164. </tr>
  165. <tr>
  166. <td align="right">
  167. Phone Number</td>
  168. <td align="left">
  169. <input name="phone" type="text" size="35" /></td>
  170. <td>
  171. </td>
  172. </tr>
  173. <tr>
  174. <td align="right">
  175. Address</td>
  176. <td>
  177. <input name="address" type="text" size="35" /></td>
  178. <td>&nbsp;
  179. </td>
  180. </tr>
  181. <tr>
  182. <td align="right">
  183. City</td>
  184. <td>
  185. <input name="city" type="text" size="35" /></td>
  186. <td>&nbsp;
  187. </td>
  188. </tr>
  189. <tr>
  190. <td align="right">
  191. State</td>
  192. <td>
  193. <select name="state">
  194. <option value="AL">Alabama</option>
  195. <option value="AK">Alaska</option>
  196. <option value="AZ">Arizona</option>
  197. <option value="AR">Arkansas</option>
  198. <option value="CA">California</option>
  199. <option value="CO">Colorado</option>
  200. <option value="CT">Connecticut</option>
  201. <option value="DE">Delaware</option>
  202. <option value="DC">District of Columbia</option>
  203. <option value="FL">Florida</option>
  204. <option value="GA">Georgia</option>
  205. <option value="HI">Hawaii</option>
  206. <option value="ID">Idaho</option>
  207. <option value="IL">Illinois</option>
  208. <option value="IN">Indiana</option>
  209. <option value="IA">Iowa</option>
  210. <option value="KS">Kansas</option>
  211. <option value="KY">Kentucky</option>
  212. <option value="LA">Louisiana</option>
  213. <option value="ME">Maine</option>
  214. <option value="MD">Maryland</option>
  215. <option value="MA">Massachusetts</option>
  216. <option value="MI">Michigan</option>
  217. <option value="MN">Minnesota</option>
  218. <option value="MS">Mississippi</option>
  219. <option value="MO">Missouri</option>
  220. <option value="MT">Montana</option>
  221. <option value="NE">Nebraska</option>
  222. <option value="NV">Nevada</option>
  223. <option value="NH">New Hampshire</option>
  224. <option value="NJ">New Jersey</option>
  225. <option value="NM">New Mexico</option>
  226. <option value="NY">New York</option>
  227. <option value="NC">North Carolina</option>
  228. <option value="ND">North Dakota</option>
  229. <option value="OH">Ohio</option>
  230. <option value="OK">Oklahoma</option>
  231. <option value="OR">Oregon</option>
  232. <option value="PA">Pennsylvania</option>
  233. <option value="RI">Rhode Island</option>
  234. <option value="SC">South Carolina</option>
  235. <option value="SD">South Dakota</option>
  236. <option value="TN">Tennessee</option>
  237. <option value="TX">Texas</option>
  238. <option value="UT">Utah</option>
  239. <option value="VT">Vermont</option>
  240. <option value="VA">Virginia</option>
  241. <option value="WA">Washington</option>
  242. <option value="WV">West Virginia</option>
  243. <option value="WI">Wisconsin</option>
  244. <option value="WY">Wyoming</option>
  245. </select>
  246. </td>
  247. <td>
  248. </td>
  249. </tr>
  250. <tr>
  251. <td align="right">
  252. Zip</td>
  253. <td>
  254. <input name="zip" type="text" size="35" /></td>
  255. <td>&nbsp;
  256. </td>
  257. </tr>
  258. <tr>
  259. <td align="right">
  260. Birthday</td>
  261. <td>
  262. <select name="month">
  263. <option value='January'>January</option>
  264. <option value='February'>February</option>
  265. <option value='March'>March</option>
  266. <option value='April'>April</option>
  267. <option value='May'>May</option>
  268. <option value='June'>June</option>
  269. <option value='July'>July</option>
  270. <option value='August'>August</option>
  271. <option value='September'>September</option>
  272. <option value='October'>October</option>
  273. <option value='November'>November</option>
  274. <option value='December'>December</option>
  275. </select>
  276. <select name="day">
  277. <option value='1'>1</option>
  278. <option value='2'>2</option>
  279. <option value='3'>3</option>
  280. <option value='4'>4</option>
  281. <option value='5'>5</option>
  282. <option value='6'>6</option>
  283. <option value='7'>7</option>
  284. <option value='8'>8</option>
  285. <option value='9'>9</option>
  286. <option value='10'>10</option>
  287. <option value='11'>11</option>
  288. <option value='12'>12</option>
  289. <option value='13'>13</option>
  290. <option value='14'>14</option>
  291. <option value='15'>15</option>
  292. <option value='16'>16</option>
  293. <option value='17'>17</option>
  294. <option value='18'>18</option>
  295. <option value='19'>19</option>
  296. <option value='20'>20</option>
  297. <option value='21'>21</option>
  298. <option value='22'>22</option>
  299. <option value='23'>23</option>
  300. <option value='24'>24</option>
  301. <option value='25'>25</option>
  302. <option value='26'>26</option>
  303. <option value='27'>27</option>
  304. <option value='28'>28</option>
  305. <option value='29'>29</option>
  306. <option value='30'>30</option>
  307. <option value='31'>31</option>
  308. </select>
  309. <select name="year">
  310. <option value='2016'>2016</option>
  311. <option value='2015'>2015</option>
  312. <option value='2014'>2014</option>
  313. <option value='2013'>2013</option>
  314. <option value='2012'>2012</option>
  315. <option value='2011'>2011</option>
  316. <option value='2010'>2010</option>
  317. <option value='2009'>2009</option>
  318. <option value='2008'>2008</option>
  319. <option value='2007'>2007</option>
  320. <option value='2006'>2006</option>
  321. <option value='2005'>2005</option>
  322. <option value='2004'>2004</option>
  323. <option value='2003'>2003</option>
  324. <option value='2002'>2002</option>
  325. <option value='2001'>2001</option>
  326. <option value='2000'>2000</option>
  327. <option value='1999'>1999</option>
  328. <option value='1998'>1998</option>
  329. <option value='1997'>1997</option>
  330. <option value='1996'>1996</option>
  331. <option value='1995'>1995</option>
  332. <option value='1994'>1994</option>
  333. <option value='1993'>1993</option>
  334. <option value='1992'>1992</option>
  335. <option value='1991'>1991</option>
  336. <option value='1990'>1990</option>
  337. <option value='1989'>1989</option>
  338. <option value='1988'>1988</option>
  339. <option value='1987'>1987</option>
  340. <option value='1986'>1986</option>
  341. <option value='1985'>1985</option>
  342. <option value='1984'>1984</option>
  343. <option value='1983'>1983</option>
  344. <option value='1982'>1982</option>
  345. <option value='1981'>1981</option>
  346. <option value='1980'>1980</option>
  347. <option value='1979'>1979</option>
  348. <option value='1978'>1978</option>
  349. <option value='1977'>1977</option>
  350. <option value='1976'>1976</option>
  351. <option value='1975'>1975</option>
  352. <option value='1974'>1974</option>
  353. <option value='1973'>1973</option>
  354. <option value='1972'>1972</option>
  355. <option value='1971'>1971</option>
  356. <option value='1970'>1970</option>
  357. <option value='1969'>1969</option>
  358. <option value='1968'>1968</option>
  359. <option value='1967'>1967</option>
  360. <option value='1966'>1966</option>
  361. <option value='1965'>1965</option>
  362. <option value='1964'>1964</option>
  363. <option value='1963'>1963</option>
  364. <option value='1962'>1962</option>
  365. <option value='1961'>1961</option>
  366. <option value='1960'>1960</option>
  367. <option value='1959'>1959</option>
  368. <option value='1958'>1958</option>
  369. <option value='1957'>1957</option>
  370. <option value='1956'>1956</option>
  371. <option value='1955'>1955</option>
  372. <option value='1954'>1954</option>
  373. <option value='1953'>1953</option>
  374. <option value='1952'>1952</option>
  375. <option value='1951'>1951</option>
  376. </select>
  377. </td>
  378. <td>&nbsp;
  379. </td>
  380. </tr>
  381. <tr>
  382. <td align="right">Username: </td>
  383. <td><input name="myusername" type="text" maxlength="15"></td>
  384. </tr>
  385. <tr>
  386. <td align="right">Password: </td>
  387. <td><input name="mypassword" type="password"></td>
  388. </tr>
  389. <tr>
  390. <td align="right">Sex: </td>
  391. <td><input name="sex" type="radio" checked="checked" value="M">Male <input name="sex" type="radio" value="F">Female</td>
  392. </tr>
  393. <tr>
  394. <td align="right" >
  395. Relationship</td>
  396. <td>
  397. <select name="relation">
  398. <option value="friend">Friend</option>
  399. <option value="boy friend">Boy Friend</option>
  400. <option value="girl friend">Girl Friend</option>
  401. <option value="parent">Parent</option>
  402. <option value="grandparent">Grandparent</option>
  403. <option value="child">Child</option>
  404. <option value="sibling">Sibling</option>
  405. <option value="aunt/uncle">Aunt/Uncle</option>
  406. <option value="cousin">Cousin</option>
  407. <option value="coworker">Co-worker</option>
  408. <option value="enemy">Enemy</option>
  409. </select>
  410. </td>
  411. </tr>
  412. <tr>
  413. <td></td>
  414. <td>
  415. <table>
  416. <tr>
  417. <td><input type="submit" name="submit" value="Create" onclick="validate()"/></td>
  418. <td><input type="submit" name="submit" value="Search" onclick="search()"/> </td>
  419. <td><input type="submit" name="submit" value="update" onclick="update()"/></td>
  420. </tr>
  421. </table>
  422. </td>
  423. <td></td>
  424. </tr>
  425. </table>
  426. </form>
  427. </body>
  428. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement