Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Friends and Family</title>
- <script>
- function validate(form)
- {
- var form = document.forms["form"];
- fail = validateFname(form.fname.value)
- fail += validateLname(form.lname.value)
- fail += validatePhone(form.phone.value)
- fail += validateAddress(form.address.value)
- fail += validateCity(form.city.value)
- fail += validateZip(form.zip.value)
- fail += validateMyUsername(form.myusername.value)
- fail += validatePassword(form.mypassword.value)
- if (fail == "")
- return true
- else {
- alert(fail);
- return false
- }
- }
- function validateFname(field)
- {
- if (field == "")
- return "No first name was entered.\n"
- else if (field.length < 3)
- return "First name must be at least 3 characters.\n"
- else if (/[^a-zA-Z]/.test(field))
- return "Only a-z and A-Z allowed for the first name.\n"
- return ""
- }
- function validateLname(field)
- {
- console.log("I think the field is " + field);
- console.log("Passes test: " + /[a-zA-Z]/.test(field));
- if (field == "")
- return "No last name was entered.\n"
- else if (field.length < 3)
- return "Last name must be at least 3 characters.\n"
- else if (/[^a-zA-Z]/.test(field))
- return "Only a-z and A-Z allowed for the last name.\n"
- return ""
- }
- function validatePhone(field)
- {
- if (field == "")
- return "No phone number was entered.\n"
- else if (field.length < 10)
- return "Phone number must be at least 10 characters.\n"
- else if (!/[0-9 -]/.test(field))
- return "Only the numbers 0-9 and '-' dashes are allowed in the phone number.\n"
- return ""
- }
- function validateAddress(field)
- {
- if (field == "")
- return "No address was entered.\n"
- else if (field.length < 5)
- return ("Address must be at least 5 characters")
- else if (!/[a-zA-Z0-9]/.test(field))
- return "Only a-z, A-Z and 0-9 allowed in address.\n"
- return ""
- }
- function validateCity(field)
- {
- if (field == "")
- return "No city was entered.\n"
- else if (field.length < 2)
- return ("City must be at least 2 characters")
- else if (!/[a-zA-Z]/.test(field))
- return "Only a-z and A-Z are allowed in city.\n"
- return ""
- }
- function validateZip(field)
- {
- if (field == "")
- return "No zip number was entered.\n"
- else if (field.length < 5)
- return "Zip must be at least 5 characters.\n"
- else if (!/[0-9]/.test(field))
- return "Only the numbers 0-9 are allowed in the phone number.\n"
- return ""
- }
- function validateMyUsername(field)
- {
- if (field == "")
- return "No Username was entered.\n"
- else if (field.length < 5)
- return "Usernames must beat least 5 characters.\n"
- else if (/[^a-zA-Z0-9_-]/.test(field))
- return "Only a-z, A-Z, 0-9, - and _ allowed in Usernames.\n"
- return ""
- }
- function validatePassword(field)
- {
- if (field == "")
- return "No Password was entered.\n"
- else if (field.length < 6)
- return "Passwords must be at least 6 character.\n"
- else if (!/[a-z]/.test(field) || !/[A-Z]/.test(field) || !/[0-9]/.test(field))
- return "Passwords require one of each a-z, A-Z and 0-9.\n"
- return ""
- }
- </script>
- </head>
- <body>
- <form method="post" name="form" action="results.php">
- <table cellpadding="0" cellspacing="1">
- <tr>
- <td colspan="3">
- To create a profile, fill out the form and click create.
- </td>
- </tr>
- <tr>
- <td colspan="3">
- To search for a record, enter a first or last name and then click search.
- </td>
- </tr>
- <tr>
- <td colspan="3">
- To update a record, fill out the form completely. Use the username of the record you want to update, then click update.
- </td>
- </tr>
- <tr>
- <td>
- </td>
- <td>
- </td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- First Name</td>
- <td align="left">
- <input type="text" name="fname" size="35" /> </td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- Last Name</td>
- <td align="left">
- <input name="lname" type="text" size="35" /></td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- Phone Number</td>
- <td align="left">
- <input name="phone" type="text" size="35" /></td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- Address</td>
- <td>
- <input name="address" type="text" size="35" /></td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- City</td>
- <td>
- <input name="city" type="text" size="35" /></td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- State</td>
- <td>
- <select name="state">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="DC">District of Columbia</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- Zip</td>
- <td>
- <input name="zip" type="text" size="35" /></td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">
- Birthday</td>
- <td>
- <select name="month">
- <option value='January'>January</option>
- <option value='February'>February</option>
- <option value='March'>March</option>
- <option value='April'>April</option>
- <option value='May'>May</option>
- <option value='June'>June</option>
- <option value='July'>July</option>
- <option value='August'>August</option>
- <option value='September'>September</option>
- <option value='October'>October</option>
- <option value='November'>November</option>
- <option value='December'>December</option>
- </select>
- <select name="day">
- <option value='1'>1</option>
- <option value='2'>2</option>
- <option value='3'>3</option>
- <option value='4'>4</option>
- <option value='5'>5</option>
- <option value='6'>6</option>
- <option value='7'>7</option>
- <option value='8'>8</option>
- <option value='9'>9</option>
- <option value='10'>10</option>
- <option value='11'>11</option>
- <option value='12'>12</option>
- <option value='13'>13</option>
- <option value='14'>14</option>
- <option value='15'>15</option>
- <option value='16'>16</option>
- <option value='17'>17</option>
- <option value='18'>18</option>
- <option value='19'>19</option>
- <option value='20'>20</option>
- <option value='21'>21</option>
- <option value='22'>22</option>
- <option value='23'>23</option>
- <option value='24'>24</option>
- <option value='25'>25</option>
- <option value='26'>26</option>
- <option value='27'>27</option>
- <option value='28'>28</option>
- <option value='29'>29</option>
- <option value='30'>30</option>
- <option value='31'>31</option>
- </select>
- <select name="year">
- <option value='2016'>2016</option>
- <option value='2015'>2015</option>
- <option value='2014'>2014</option>
- <option value='2013'>2013</option>
- <option value='2012'>2012</option>
- <option value='2011'>2011</option>
- <option value='2010'>2010</option>
- <option value='2009'>2009</option>
- <option value='2008'>2008</option>
- <option value='2007'>2007</option>
- <option value='2006'>2006</option>
- <option value='2005'>2005</option>
- <option value='2004'>2004</option>
- <option value='2003'>2003</option>
- <option value='2002'>2002</option>
- <option value='2001'>2001</option>
- <option value='2000'>2000</option>
- <option value='1999'>1999</option>
- <option value='1998'>1998</option>
- <option value='1997'>1997</option>
- <option value='1996'>1996</option>
- <option value='1995'>1995</option>
- <option value='1994'>1994</option>
- <option value='1993'>1993</option>
- <option value='1992'>1992</option>
- <option value='1991'>1991</option>
- <option value='1990'>1990</option>
- <option value='1989'>1989</option>
- <option value='1988'>1988</option>
- <option value='1987'>1987</option>
- <option value='1986'>1986</option>
- <option value='1985'>1985</option>
- <option value='1984'>1984</option>
- <option value='1983'>1983</option>
- <option value='1982'>1982</option>
- <option value='1981'>1981</option>
- <option value='1980'>1980</option>
- <option value='1979'>1979</option>
- <option value='1978'>1978</option>
- <option value='1977'>1977</option>
- <option value='1976'>1976</option>
- <option value='1975'>1975</option>
- <option value='1974'>1974</option>
- <option value='1973'>1973</option>
- <option value='1972'>1972</option>
- <option value='1971'>1971</option>
- <option value='1970'>1970</option>
- <option value='1969'>1969</option>
- <option value='1968'>1968</option>
- <option value='1967'>1967</option>
- <option value='1966'>1966</option>
- <option value='1965'>1965</option>
- <option value='1964'>1964</option>
- <option value='1963'>1963</option>
- <option value='1962'>1962</option>
- <option value='1961'>1961</option>
- <option value='1960'>1960</option>
- <option value='1959'>1959</option>
- <option value='1958'>1958</option>
- <option value='1957'>1957</option>
- <option value='1956'>1956</option>
- <option value='1955'>1955</option>
- <option value='1954'>1954</option>
- <option value='1953'>1953</option>
- <option value='1952'>1952</option>
- <option value='1951'>1951</option>
- </select>
- </td>
- <td>
- </td>
- </tr>
- <tr>
- <td align="right">Username: </td>
- <td><input name="myusername" type="text" maxlength="15"></td>
- </tr>
- <tr>
- <td align="right">Password: </td>
- <td><input name="mypassword" type="password"></td>
- </tr>
- <tr>
- <td align="right">Sex: </td>
- <td><input name="sex" type="radio" checked="checked" value="M">Male <input name="sex" type="radio" value="F">Female</td>
- </tr>
- <tr>
- <td align="right" >
- Relationship</td>
- <td>
- <select name="relation">
- <option value="friend">Friend</option>
- <option value="boy friend">Boy Friend</option>
- <option value="girl friend">Girl Friend</option>
- <option value="parent">Parent</option>
- <option value="grandparent">Grandparent</option>
- <option value="child">Child</option>
- <option value="sibling">Sibling</option>
- <option value="aunt/uncle">Aunt/Uncle</option>
- <option value="cousin">Cousin</option>
- <option value="coworker">Co-worker</option>
- <option value="enemy">Enemy</option>
- </select>
- </td>
- </tr>
- <tr>
- <td></td>
- <td>
- <table>
- <tr>
- <td><input type="submit" name="submit" value="Create" onclick="validate()"/></td>
- <td><input type="submit" name="submit" value="Search" onclick="search()"/> </td>
- <td><input type="submit" name="submit" value="update" onclick="update()"/></td>
- </tr>
- </table>
- </td>
- <td></td>
- </tr>
- </table>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement