SHARE
TWEET

Untitled

a guest Dec 6th, 2016 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top