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

  • DRAG AND DROP WITH JQUERY AND HTML TUTORIAL ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
  • SYNTAX HIGHLIGHTER BLOGGER TEMPLATE --------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/syntax-highlight…
  • PADDING BUTTON ------------------------------------------------------------------------------------------------------------ READ MORE: http://www.w3schools.com/css/css_padding.asp ----------…
  • BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES ------------------------------------------------------------------------------------------------------ CODE 1 ------------------------------------------------------------------…
  • RECENT OR FEATURED POST SLIDER AFTER FOOTER ------------------------------------------------------------------------------------------------------------- COPY AND POST CODE READ MORE: http://fbgadgets.blogspot.co.uk/2…
  • INTENSO MAGENTO QUICK VIEW BUTTON ----------------------------------------------------------------------------------------------------------------  6:01 REMOVE QUICK VIEW BUTTON IN MAGE…
  • BODY JS FILE LINK IN MAGENTO ------------------------------------------------------------------------------------------------------------- SEARCH IN GOOGLE file content software https://www.google.co.uk/s…
  • Related PostWidget WithFirst Big Thumbnail ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.u…
  • IMAGE SCROLL BOX WITH MOUSE CURSOR ----------------------------------------------------------------------------------------------------- SAVE AS  BELOW CODE IN HTML PAGE READ MORE: http://www.freebits.co.u…
  • WHITE SPACE REMOVER CODE --------------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTION COPY CODE …
  • CONVERT FILE PATH TO A URL LINK -------------------------------------------------------------------------------------------------------- ANY LIST TO SCROLLER CODE: http://accordionslider.com/ http://anroots.…
  • Sprite Sheet Animation ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
  • Platinum Arts Sandbox Free 3D Game Maker ----------------------------------------------------------------------------------------------------- READ MORE: ------------------------------------------------------…
  • Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
  • RELATED POST WIDGET LEFT TO RIGHT #related-posts h2{ background:#111111; border-top-color:#63C4F1; border-top-style:solid; border-top-width:3px; color:#FFFFFF; font-family:Oswald; font-size:16px; font-stretch:…
  • INSTALL WORD PRESS TEMPLATE Plugins are tools which provide additional functionality to your application. To install a plugin you generally just need to put the plugin file into your 'wp-content/plugins' di…
  • FANCY BOX JS FIDDLE - jsFiddle demo //![CDATA[ $(window).load(function(){ $(document).ready(function() { $(".fancybox").fancybox({ openEffect: 'none', closeEffe…
  • HOW TO GET MALWARE ADD POPUP WITHOUT SOFTWARE --------------------------------------------------------------------------------------------------------- STEP 1: GO TO WINDOW TASK MANAGER STEP 2: OPEN FILE LOCATION AND DE…
  • RECAPTCHA KEY CONTCAT FORM FOR BLOGGER ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READMORE: http://kontactr.com/ https…
  • WEBSITE TRANSLATOR AND THUMBNAIL Read More: http://www.worldlingo.com/en/products/instant_website_translator.html http://www.makeathumbnail.com/thumbnail.php http://www.sciweavers.org/free-online-web-to-im…
  • SYNTAX HIGHLIGHTER BLOGGER TEMPLATE ========================================================================= COPY AND PASTE BELOW CODE IN BLOGGER TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/syntax-h…
  • DINO PAIRS MATCHING GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot…
  • RELATED POST WIDGET LIST SHAPE ---------------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2013/12/n-relate-pos…
  • White Space Remover /************************************BODY************************************/ body { background-color: #eee; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; fo…
  • How to open a .DLL or .EXE file in Resource Editor READ MORE: ---------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-extensions/file-extensio…
  • Firebug Lite for Google Chrome Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representat…
  • SYNTAX HIGHLIGHTER BLOGGER TEMPLATE ----------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/syntax-highl…
  • Random/Recent/Feature Posts Button In Blogger ------------------------------------------------------------------------------------------------------- 1-ADD HTML/JAVA WIDGET IN BLOG LAYOUT 2-COPY AND PASTE BLOW CODE IN THIS…
  • POST DATE HEADER IN BLOG -------------------------------------------------------------------------------------------------------- DEFAULT LANGUAGE SETTING READ MORE: POST DATE TUMBNAIL IN BLOG http://f…
  • FEATURE POST WIDGET IN BLOG ------------------------------------------------------------------------------------------------------------ FEATURE POST WIDGET WITHOUT JAVA CODE 1) IT WORKS WITH POST ID 2) …
  • POST DATE THUMBNAIL IN BLOG -------------------------------------------------------------------------------------------------------- READ MORE:  11:02 POST DATE THUMBNAIL IN BLOG HD Jan 2…
  • UnityAssetsExplorer Read More: https://yadi.sk/d/pQCvUUC02D3aY …
  • WORD PRESS PARTS -------------------------------------------------------------------------------------------------------- Read More: ----------------------------------…
  • HTML SYNTAX HIGHLIGHTER ----------------------------------------------------------------------------------------------------------------- CODE: -------------------------------------------------------…
  • EDIT IMAGE IN NOTEPAD++ ---------------------------------------------------------------------------------------------------------------------- https://www.google.co.uk/search?q=edit+picture+in+no…
  • DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.c…
  • SYNTAX HIGHLIGHTER ON LINE FOR BLOGGER ---------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.u…
  • Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.c…
  • DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspo…
  • AUTOMATION ANY WEBSITES ------------------------------------------------------------------------------------------------------ READ MORE: https://www.automationanywhere.com/webdataext?r=google&w=…
  • POWERPOINT GAMES ---------------------------------------------------------------------------------------------------------------------- READ MORE: https://www.youtube.com/watch?v=P1fdnB8pkic ht…
  • BLOG FILE HOSTING GOOGLE PROJECT WITH TORTOISE SVN SOFTWARE EDIT HTML PAGE IN GOOGLE - YouTube ▶ 4:19 https://www.youtube.com/watch?v=Q4yfMqPFSYE 16 mins ago - Uploaded by SAVE MONEY http://fbgadgets.blogspot.co.uk/2016/09/…
  • Dino Pairs Matching Game ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.…
  • POPULAR POST WIDGET DIFFERENT STYLES ------------------------------------------------------------------------------------------------------ STYLE 1: ---------------------------------------------------------------…
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