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 Post for Facebook Like Registration Form with Jquery, Mysql, PHP and Birthdate Validation Tutorial

  • BLOGGER INCLUDABLE SECTION ------------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------ā€¦
  • Related PostWidget WithFirst Big Thumbnail ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.uā€¦
  • SHOPPING CART IN SIDEBAR TEMPLATE METHOD HOW TO ADD POST IN THIS TEMPLATE SHOPPING CART IN SIDEBAR TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-template-with-view-cart.html http://fbgadgeā€¦
  • RECENT OR FEATURED POST SLIDER AFTER FOOTER ------------------------------------------------------------------------------------------------------------- COPY AND POST CODE READ MORE: http://fbgadgets.blogspot.co.uk/2ā€¦
  • RELATED POST WIDGET WITH GOOGLE CODE FILE ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.uā€¦
  • Recommended Post Slide out for Blogger ---------------------------------------------------------------------------------------------------- RECOMMENDED POST SLIDE OUT FOR BLOG - YouTube ā–¶ 2:50 https:/ā€¦
  • Platinum Arts Sandbox Free 3D Game Maker ----------------------------------------------------------------------------------------------------- READ MORE: ------------------------------------------------------ā€¦
  • BOOTSNIPP LOGIN SIGNUP FORM ----------------------------------------------------------------------------------------------------------- READ MORE: http://bootsnipp.com/tags/login http://bootsnipp.com/sā€¦
  • POPULAR POST WIDGET DIFFERENT STYLES ------------------------------------------------------------------------------------------------------ STYLE 1: ---------------------------------------------------------------ā€¦
  • IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------ā€¦
  • Random/Recent/Feature Posts Button In Blogger ------------------------------------------------------------------------------------------------------- 1-ADD HTML/JAVA WIDGET IN BLOG LAYOUT 2-COPY AND PASTE BLOW CODE IN THISā€¦
  • Related Posts Widget Square Shapes ThumbNails ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------ā€¦
  • Related Posts Widget With Marquee Scrolling Effect ----------------------------------------------------------------------------------------------------- FIND HEAD TAG AND REPLACE BELOW CODE </head> ------------------ā€¦
  • JAVA COLOR PICKER WITH jQuery UI Slider - Colorpicker jQuery UI Selectable - Serialize #red, #green, #blue { float: left; clear: left; width: 300px; margin: 15px; } #swatch { width: 1ā€¦
  • RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE -------------------------------------------------------------------------------------- RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE: ADD HTML/JAVA WIDGET AND PASTE BELOā€¦
  • NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------ā€¦
  • Recent Posts Widget With 3D And Metro Style Border ---------------------------------------------------------------------------------------------------------- ADD HTML/JAVA WIDGET IN BLOG LAYOUT COPY AND PASTE BELOW CODE IN ā€¦
  • POPULAR POST SCROLL IN SIDEBAR TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------ā€¦
  • SHOPPING CART IN SIDEBAR TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE: REMAINING PART http://fbgadgets.blogspoā€¦
  • ONLINE ZIP OPNER ---------------------------------------------------------------------------------------------------------- FIND THIS RED WORD IN GOOGLE online zip opener READ MORE: http://onlā€¦
  • RELATED POST WIDGET FRONT SCREEN TEMPLATE ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW  CODE ------------------------ā€¦
  • RECAPTCHA KEY CONTCAT FORM FOR BLOGGER ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READMORE: http://kontactr.com/ httpsā€¦
  • BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES ------------------------------------------------------------------------------------------------------ CODE 1 ------------------------------------------------------------------ā€¦
  • IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nbā€¦
  • POST LOADER TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------ā€¦
  • RADIO BUTTON SLIDER TO KEY FRAME SLIDER ------------------------------------------------------------------------------------------------------------ Read More: https://codepen.io/macbobbitt_/pen/jmEBL https://codepeā€¦
  • MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010 READ MORE: ----------------------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-exā€¦
  • RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR ---------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------------ā€¦
  • RECOMMENDED POST SLIDE OUT FOR BLOGGER TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ------------------------------------------ā€¦
  • HOW USE SHOPPING CART BLOGGER TEMPLATE PART 2 ---------------------------------------------------------------------------------------------------------- CREATE EMPTY PAGE IN BLOG AND PASTE BELOW CODE IN HTML SECTION AND Gā€¦
  • RELATED POST WIDGET WITH SOCIAL WIDGET ---------------------------------------------------------------------------------------------- GO INSIDE POST INCLUDABLE WIDGET <b:includable id='post' var='post'> FINDā€¦
Posted by on Tuesday, 1 July 2014 at 02:41
Labels: ,

2 comments:

  1. Unknown29 March 2017 at 03:02

    Facebook lite social networking number 1 is the most popular
    Reference: Facebook lite

    ReplyDelete
  2. Anonymous19 April 2022 at 18:48

    Fb Gadgets >>>>> Download Now

    >>>>> Download Full

    Fb Gadgets >>>>> Download LINK

    >>>>> Download Now

    Fb Gadgets >>>>> Download Full

    >>>>> Download LINK MZ

    ReplyDelete

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets