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/
Related movie you might like to see :

INTENSO MAGENTO QUICK VIEW BUTTON

RADIO BUTTON SLIDER TO KEY FRAME SL...

RELATED POST WIDGET WITH SOCIAL WID...

NEWS TICKER BLOGGER TEMPLATES

RELATED POST WIDGET FRONT SCREEN TE...

RECAPTCHA KEY CONTCAT FORM FOR BLOG...

POPULAR POST WIDGET DIFFERENT STYLE...

ONLINE ZIP OPNER

JAVA COLOR PICKER WITH

RECENT OR FEATURED POST SLIDER AFTE...

Random/Recent/Feature Posts Button ...

Related PostWidget WithFirst Big Th...

MAKE DLL FILE AND OPEN IN VISUAL BA...

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...

QUICK FIND TOOL GOOGLE CHROME FOR ...

WEB DEVELOPER 0.5

TEXT COMPARE OR DUPLI TEXT FINDER

RELATED POST WIDGET LIST WITHOUT TH...

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

WHACK A RAT CSS GAME
?
+
X
Recommended for you
Loading..
Related Post for Facebook Like Registration Form with Jquery, Mysql, PHP and Birthdate Validation Tutorial
AUTO CSS JS SLIDER WITH ARROW BULLET ------------------------------------------------------------------------------------------------------- BX SLIDER CODE: READ MORE: BX SLIDER IN BLOGGER TEMPALTE - You…
CSS SLIDER WITHOUT JS ----------------------------------------------------------------------------------------------------------- ReadMore: http://cssslider.com/non-jquery-carousel-7.html SAVE …
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
FLOAT SHARING BUTTON SOSMED --------------------------------------------------------------------------------------------- 1- GO TO BLOG LAYOUT 2-ADD HTML /JAVA WIDGET 3- PASTE…
NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CT…
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------…
GOOGLE DEVELOPER CONSOLE GOOGLE DOWNLOAD OLD VERSION After you have signed in a user with Google, you can access the user's age range, language, public profile information, and people that they have circled. If you request …
FEATURED AUTOMATED POST SLIDER FOR SIDEBAR ---------------------------------------------------------------------------------------------------- FIND HEAD TAG AND AD THIS CODE BEFORE HEAD TAG FOR MORE…
JS IMAGE SCROLLER -------------------------------------------------------------------------------------------------------------- JS IMAGE SCROLLER CODE image scroller https://amazingcarousel.com…
IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nb…
SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More: 3:30 PDF HTML IMAGE CONVERTER HD…
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST --------------------------------------------------------------------------------------------------------------------- NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST https://…
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