How do you submit a form just like signing up on youtube?

Discussion in 'JavaScript' started by Jaguarjace, Jan 7, 2009.

  1. #1
    Hello, I'm woundering how you can submit a form just like making an account on youtube?
    im not looking for a code that submits with Outlook Express, just one that somehow stores the data somwhere so I can create the account.

    Just woundering how youtube does this.

    Please help,

    Jason
     
    Jaguarjace, Jan 7, 2009 IP
  2. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #2
    So you want a sign up form that takes the data and either stores it in a database or saves it in a text file, or even emails it to you?
     
    crath, Jan 8, 2009 IP
  3. Jaguarjace

    Jaguarjace Guest

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    yeah i think a code that submits to my email without the users email system poping up is a good way :D
    i tried doing .php files but i don't know why it takes over hours to even load or submit the data. I use notepad to paste the code and save the file as .php I think i am using the wrong program to do it, i don't know anything about php.
     
    Jaguarjace, Jan 9, 2009 IP
  4. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #4
    If post what fields you want on the form, I will post the php file for the form.
     
    crath, Jan 9, 2009 IP
  5. Jaguarjace

    Jaguarjace Guest

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This is the code for my form field:
    
    <form name="join" method="POST" action="/saveinfo.php">
    <table border="0" cellspacing="0" width="45%" cellpadding="0">
      <tr>
        <td width="36%">Username</td>
        <td width="64%"><input type="text" name="Username" size="20"></td>
      </tr>
      <tr>
        <td width="36%">Password</td>
        <td width="64%"><input type="password" name="Password" size="20"></td>
      </tr>
      <tr>
        <td width="36%">Confirm Password</td>
        <td width="64%"><input type="password" name="Confirm_Password" size="20"></td>
    </tr>
    </table>
    &nbsp;
    <table border="0" cellspacing="0" width="45%" cellpadding="0">
      <tr>
        <td width="36%">First Name</td>
        <td width="64%"><input type="text" name="First_Name" size="16"></td>
      </tr>
      <tr>
        <td width="36%">Gender</td>
        <td width="64%"><input type="radio" value="Male" name="Gender">Male <input type="radio" name="Gender" value="Female">Female</td>
      </tr>
      <tr>
        <td width="36%">Date of Birth</td>
        <td width="64%"><select name="Months">
            <option value>(month)</option>
            <option value="01">January</option>
            <option value="02">February</option>
            <option value="03">March</option>
            <option value="04">April</option>
            <option value="05">May</option>
            <option value="06">June</option>
            <option value="07">July</option>
            <option value="08" selected>August</option>
            <option value="09">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
          </select> <select name="Days">
            <option value>(day)</option>
            <option value="01">1</option>
            <option value="02">2</option>
            <option value="03">3</option>
            <option value="04">4</option>
            <option value="05">5</option>
            <option value="06">6</option>
            <option value="07">7</option>
            <option value="08">8</option>
            <option value="09">9</option>
            <option value="10">10</option>
            <option value="11" selected>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="Years">
            <option value="1992" selected>1992</option>
            <option value="1993">1993</option>
            <option value="1994">1994</option>
            <option value="1995">1995</option>
            <option value="1996">1996</option>
            <option value="1997">1997</option>
            <option value="1998">1998</option>
            <option value="1999">1999</option>
            <option value="2000">2000</option>
            <option value="2001">2001</option>
            <option value="2002">2002</option>
            <option value="2003">2003</option>
            <option value="2004">2004</option>
            <option value="2005">2005</option>
            <option value="2006">2006</option>
            <option value="2007">2007</option>
            <option value="2008">2008</option>
            <option value>(year)</option>
          </select></td>
      </tr>
      <tr>
        <td width="36%">Country</td>
        <td width="64%"><select name="country">
            <option value="0">(select)</option>
            <option value="AF">Afghanistan</option>
            <option value="AL">Albania</option>
            <option value="DZ">Algeria</option>
            <option value="AS">American Samoa</option>
            <option value="AD">Andorra</option>
            <option value="AO">Angola</option>
            <option value="AI">Anguilla</option>
            <option value="AQ">Antarctica</option>
            <option value="AG">Antigua/Barbuda</option>
            <option value="AR">Argentina</option>
            <option value="AM">Armenia</option>
            <option value="AW">Aruba</option>
            <option value="AU" selected>Australia</option>
            <option value="AT">Austria</option>
            <option value="AZ">Azerbaijan</option>
            <option value="BS">Bahamas</option>
            <option value="BH">Bahrain</option>
            <option value="BD">Bangladesh</option>
            <option value="BB">Barbados</option>
            <option value="BY">Belarus</option>
            <option value="BE">Belgium</option>
            <option value="BZ">Belize</option>
            <option value="BJ">Benin</option>
            <option value="BM">Bermuda</option>
          </select></td>
      </tr>
      <tr>
        <td width="36%">Email</td>
        <td width="64%"><input type="text" name="Email" size="22"></td>
      </tr>
      <tr>
        <td width="36%">Confirm Email</td>
        <td width="64%"><input type="text" name="Confirm_Email" size="22"></td>
      </tr>
    </table>
    <br><input type="submit" value="Sign Up!" name="Button"><form>
    
    Code (markup):
    Thank You soo much for your help :D
     
    Jaguarjace, Jan 11, 2009 IP
  6. Jaguarjace

    Jaguarjace Guest

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    The Country part is shortened because its very long ;)
     
    Jaguarjace, Jan 11, 2009 IP
  7. crath

    crath Well-Known Member

    Messages:
    661
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    100
    #7
    Things to note.
    1) You never ask for last name
    2) You only let them pick a birth year back to 1992

    Here is your saveinfo.php, be sure to modify the two variables at the top
    <?php
    	// This is saveinfo.php
    
    	$my_email = "Jaguarjace@Jaguarjace.com"; // Set your email address here
    	$email_subject = "Sign up data from my website."; // Set the email's subject here
    
    	if(isset($_GET['Username'])){
    		$output = "Username: $_GET['Username']\n";
    		$output .= "Password: $_GET['Password']\n";
    		$output .= "Password Again: $_GET['Confirm_Password']\n";
    		$output .= "First Name: $_GET['First_Name']\n";
    		$output .= "Gender: $_GET['Gender']\n";
    		$output .= "Birthday: $_GET['Months']/$_GET['Days']/$_GET['Years']\n";
    		$output .= "Country: $_GET['country']\n";
    		$output .= "Email: $_GET['Email']\n";
    		$output .= "Email Again: $_GET['Confirm_Email']\n";
    		$output .= "Email Again: $_GET['Confirm_Email']\n";
    		$output .= "IP Address: $_SERVER['REMOTE_ADDR']";
    
    		if (mail($my_email, $email_subject, $output)) {
    			echo("<h1>Message successfully sent!</h1>");
    		} else {
    			echo("<h1>Message delivery failed...</h1>");
    		}
    	}
    ?>
    Code (markup):
     
    crath, Jan 11, 2009 IP