Tuesday, 1 July 2014
Facebook Like Registration Form with Jquery, Mysql, PHP and Birthdate Validation Tutorial
<!DOCTYPE html>
<html lang=en id=facebook class=no_js>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8" />
<title>Creating a Facebook-like Registration Form with jQuery and MYSQL</title>
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>
<script type=text/javascript src=http://edongkoy.xtreemhost.com/demo/fbRegistration/js/script.js></script>
<link type=text/css rel=stylesheet href=http://edongkoy.xtreemhost.com/demo/fbRegistration/css/q39qoXKShfX.css />
<link type=text/css rel=stylesheet href=http://edongkoy.xtreemhost.com/demo/fbRegistration/css/Db4ZSbwMr43.css />
<body class=fbIndex>
<div class=gradient>
<div class=gradientContent>
<div class="clearfix fbIndexFeaturedRegistration">
<div class="signupForm lfloat">
<div class="mbm phm headerTextContainer">
<div class="mbs mainTitle fsl fwb fcb">Sign Up</div>
<div class="mbm subtitle fsm fwn fcg">It's free and always will be.</div>
</div>
<div id=registration_container>
<div data-referrer=simple_registration_form>
<noscript><div id=no_js_box><h2>Javascript is disabled on your browser.</h2><p>Please enable Javascript on your browser or upgrade to a Javascript-capable browser to register for Facebook.</p></div></noscript>
<div id=simple_registration_container class=simple_registration_container>
<div id=reg_box>
<form method=post id=reg name=reg>
<div id=reg_form_box class=large_form>
<table class="uiGrid editor" cellspacing=0 cellpadding=1>
<tbody>
<tr>
<td class=label>
<label for=firstname>First Name:</label>
</td>
<td>
<div class=field_container>
<input type=text class=inputtext id=firstname name=firstname /> </div>
</td>
</tr>
<tr>
<td class=label>
<label for=lastname>Last Name:</label>
</td>
<td>
<div class=field_container>
<input type=text class=inputtext id=lastname name=lastname />
</div>
</td>
</tr>
<tr>
<td class=label>
<label for=reg_email__>Your email address:</label>
</td>
<td>
<div class=field_container>
<input type=text class=inputtext id=reg_email__ name=reg_email__ autocomplete=off />
</div>
</td>
</tr>
<tr>
<td class=label>
<label for=reg_email_confirmation__>Reenter email address:</label>
</td>
<td>
<div class=field_container>
<input type=text class=inputtext id=reg_email_confirmation__ name=reg_email_confirmation__ autocomplete=off />
</div>
</td>
</tr>
<tr>
<td class=label>
<label for=reg_passwd__>New Password:</label>
</td>
<td>
<div class=field_container>
<input type=password class=inputtext id=reg_passwd__ name=reg_passwd__ value autocomplete=off />
</div>
</td>
</tr>
<tr>
<td class=label>I am:</td>
<td>
<div class=field_container>
<select class=select name=sex id=sex>
<option value=0>Select Gender:</option>
<option value=1>Female</option>
<option value=2>Male</option>
</select>
</div>
</td>
</tr>
<tr>
<td class=label>Birthday:</td>
<td>
<div class=field_container>
<select name=birthday_day id=birthday_day class>
<option value=0>Day:</option>
<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=birthday_month id=birthday_month class>
<option value=0>Month:</option>
<option value=1>January</option>
<option value=2>February</option>
<option value=3>March</option>
<option value=4>April</option>
<option value=5>May</option>
<option value=6>June</option>
<option value=7>July</option>
<option value=8>August</option>
<option value=9>September</option>
<option value=10>October</option>
<option value=11>November</option>
<option value=12>December</option>
</select>
<select name=birthday_year id=birthday_year class>
<option value=0>Year:</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>
<option value=1950>1950</option>
<option value=1949>1949</option>
<option value=1948>1948</option>
<option value=1947>1947</option>
<option value=1946>1946</option>
<option value=1945>1945</option>
<option value=1944>1944</option>
<option value=1943>1943</option>
<option value=1942>1942</option>
<option value=1941>1941</option>
<option value=1940>1940</option>
<option value=1939>1939</option>
<option value=1938>1938</option>
<option value=1937>1937</option>
<option value=1936>1936</option>
<option value=1935>1935</option>
<option value=1934>1934</option>
<option value=1933>1933</option>
<option value=1932>1932</option>
<option value=1931>1931</option>
<option value=1930>1930</option>
<option value=1929>1929</option>
<option value=1928>1928</option>
<option value=1927>1927</option>
<option value=1926>1926</option>
<option value=1925>1925</option>
<option value=1924>1924</option>
<option value=1923>1923</option>
<option value=1922>1922</option>
<option value=1921>1921</option>
<option value=1920>1920</option>
<option value=1919>1919</option>
<option value=1918>1918</option>
<option value=1917>1917</option>
<option value=1916>1916</option>
<option value=1915>1915</option>
<option value=1914>1914</option>
<option value=1913>1913</option>
<option value=1912>1912</option>
<option value=1911>1911</option>
<option value=1910>1910</option>
<option value=1909>1909</option>
<option value=1908>1908</option>
<option value=1907>1907</option>
<option value=1906>1906</option>
<option value=1905>1905</option>
<option value=1904>1904</option>
<option value=1903>1903</option>
<option value=1902>1902</option>
<option value=1901>1901</option>
<option value=1900>1900</option>
</select>
</div>
</td>
</tr>
<tr>
<td class=label></td>
<td>
<div id=birthday_warning>
<a href title="Click for more information" rel=dialog>Why do I need to provide my date of birth?</a>
</div>
</td>
</tr>
</tbody>
</table>
<div class="reg_btn clearfix">
<label class="uiButton uiButtonSpecial" for=u89aj1_3><input value="Sign Up" type=submit id=u89aj1_3 /></label>
<span id=async_status class=async_status style=display:none><img class=img src=https://s-static.ak.facebook.com/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif alt width=16 height=11></span>
</div>
</div>
</form>
<div id=reg_error class=hidden_elem style=height:auto;opacity:0>
<div id=reg_error_inner></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------
READ MORE:
http://tutorials-edongkoy.blogspot.co.uk/2011/12/facebook-like-registration-with-jquery.html
http://tutorialzine.com/2009/08/creating-a-facebook-like-registration-form-with-jquery/
Subscribe to:
Post Comments (Atom)
Facebook lite social networking number 1 is the most popular
ReplyDeleteReference: Facebook lite
Fb Gadgets >>>>> Download Now
ReplyDelete>>>>> Download Full
Fb Gadgets >>>>> Download LINK
>>>>> Download Now
Fb Gadgets >>>>> Download Full
>>>>> Download LINK MZ