kostenloser Webspace werbefrei: lima-city


Button freischalten wenn Formular ausgefüllt wurde.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    christian1603

    Kostenloser Webspace von christian1603

    christian1603 hat kostenlosen Webspace.

    Hallo,
    Ich habe auf meiner HP einen Login mit einener Anmeldung.
    Nun möchte ich das der Sende button erst freigeschaltet wird wenn man alles Ausgefühlt hat, und passwprt und passwort 2 Übereinstimmen. wie Geht das?
    <h4>Anmelden</h4>
         <form action="" method="post">
      <table>
          <tr>
            <td>
           
           
            </td>
          </tr>
          <tr>
            <td>Nickname*</td>
            <td><input name="username" maxlength="14" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
           </tr> 
           
           <tr>
           <td></td>
           <td>Nur Buchstaben oder Zahlen!</td>
          </tr>
          <tr>
            <td>Passwort*</td>
            <td><input name="password" type="password" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Passwort wiederholen*</td>
            <td><input name="password2" type="password" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
                <tr>
            <td>Bundesland*</td>
              <td><select name='Bundesland' style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;">
                  <option>Baden-W&uuml;rttemberg</option>
                  <option>Bayern</option>
                  <option>Berlin</option>
                  <option>Brandenburg</option>
                  <option>Bremen</option>
                  <option>Hamburg</option>
                  <option>Hessen</option>
                  <option>Mecklenburg-Vorpommern</option>
                  <option>Niedersachsen</option>
                  <option>Nordrhein-Westfalen</option>
                  <option>Rheinland-Pfalz</option>
                  <option>Saarland</option>
                  <option>Sachsen</option>
                  <option>Sachsen-Anhalt</option>
                  <option>Schleswig-Holstein</option>
                  <option>Th&uuml;ringen</option>
                
                </select></td>  </tr>
          <tr>
            <td>Wohnort*</td>
            <td><input name="wohnort" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Schule*</td>
            <td><input name="schule" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Klasse*</td>
            <td><input name="klasse" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>E-Mail*</td>
            <td><input name="mail" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Vorname*</td>
            <td><input name="vorname" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Nachname*</td>
            <td><input name="nachname" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Alter*</td>
          
          <td><select name='Jahr' style="background:#ECFFD0; border: 1px solid #99CCFF; ">
                  <option>2003</option>
                  <option>2002</option>
                  <option>2001</option>
                  <option>2000</option>
                  <option>1999</option>
                  <option>1998</option>
                  <option>1997</option>
                  <option>1996</option>
                  <option>1995</option>
                  <option>1994</option>
                  <option>1993</option>
                  <option>1992</option>
                  <option>1991</option>
                
                </select>
                
               <select name='Monat' style="background:#ECFFD0; border: 1px solid #99CCFF;">
                  <option>01</option>
                  <option>02</option>
                  <option>03</option>
                  <option>04</option>
                  <option>05</option>
                  <option>06</option>
                  <option>07</option>
                  <option>08</option>
                  <option>09</option>
                  <option>10</option>
                  <option>11</option>
                 <option>12</option>
                </select>
                
                <select name='Tag' style="background:#ECFFD0; border: 1px solid #99CCFF; ">
                  <option>01</option>
                  <option>02</option>
                  <option>03</option>
                  <option>04</option>
                  <option>05</option>
                  <option>06</option>
                  <option>07</option>
                  <option>08</option>
                  <option>09</option>
                  <option>10</option>
                  <option>11</option>
                  <option>12</option>
                  <option>13</option>
                  <option>14</option>
                  <option>15</option>
                  <option>16</option>
                  <option>17</option>
                  <option>18</option>
                  <option>18</option>
                  <option>20</option>
                  <option>21</option>
                  <option>22</option>
                  <option>23</option>
                  <option>24</option>
                  <option>25</option>
                  <option>26</option>
                  <option>27</option>
                  <option>28</option>
                  <option>29</option>
                  <option>30</option>
                  <option>31</option>
                </select>
          </tr>
          <tr>
            <td>Geschlecht*</td>
            <td><p><input type="radio" name="G" value="Maennlich">Maennlich<br><input type="radio" name="G" value="Weiblich">Weiblich</p></td>
          </tr>
          <tr>
            <td>Homepage</td>
            <td><input name="hp" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>ICQ</td>
            <td><input name="icq" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>MSN</td>
            <td><input name="MSN" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Sicherheitsfrage*</td>
            <td><select name='Frage' style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;">
                  <option>Lieblings Farbe?</option>
                  <option>Lieblings Film?</option>
                  <option>Name des Haustieres?</option>
                  <option>Name deiner Mutter?</option>
                </select></td>
          </tr>
          <tr>
            <td>Antwort*</td>
            <td><input name="Antwort" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
           <tr>
            <td>Was Soll auf deiner Home seite Angezeigt werden?*</td>
              
              <td><p><input type="radio" name="home" value="Forum">Forum | Top 10 Themen<br><input type="radio" name="home" value="freunde">Quatschkiste</p></td>
           </tr>
          <tr>
            <td><input name="AGB" size="20" id="input" type="checkbox"></td>
            <td>Ich habe die <a href="AGB.php">AGB</a> Regeln gelesen<br> und bin damit einverstanden.</td>
          </tr>
          <tr>
            <td><input name="submit" value="Benutzer anlegen" class="button" type="submit" style=""></td>
          </tr>
      </table>
     
    </form>


    Hilfe
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Den Button erst Klickbar zu machen, wenn alles richtig ausgefüllt ist, geht eigentlich nur mit JavaScript und das ist einfach zu umgehen und bringt nicht wirklich viel, da manche Anwender JS deaktiviert haben.
    Am besten du machst es, wie andere Seiten, dass du erst nach dem absenden der Daten mit PHP kontrollierst und Fehlermeldungen ausgibst, wenn da was falsch ist....

  4. Autor dieses Themas

    christian1603

    Kostenloser Webspace von christian1603

    christian1603 hat kostenlosen Webspace.

    konstel schrieb: Den Button erst Klickbar zu machen, wenn alles richtig ausgefüllt ist, geht eigentlich nur mit JavaScript und das ist einfach zu umgehen und bringt nicht wirklich viel, da manche Anwender JS deaktiviert haben.
    Am besten du machst es, wie andere Seiten, dass du erst nach dem absenden der Daten mit PHP kontrollierst und Fehlermeldungen ausgibst, wenn da was falsch ist....


    Ok das hate ich schon Danke aber.
    LG
  5. Hier eine vereinafchte Version die sich nur auf die AGB Checkbox bezieht.
    <h4>Anmelden</h4>
         <form action="" method="post">
      <table>
          <tr>
            <td>
           
           
            </td>
          </tr>
          <tr>
            <td>Nickname*</td>
            <td><input name="username" maxlength="14" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
           </tr> 
           
           <tr>
           <td></td>
           <td>Nur Buchstaben oder Zahlen!</td>
          </tr>
          <tr>
            <td>Passwort*</td>
            <td><input name="password" type="password" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Passwort wiederholen*</td>
            <td><input name="password2" type="password" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
                <tr>
            <td>Bundesland*</td>
              <td><select name='Bundesland' style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;">
                  <option>Baden-W&uuml;rttemberg</option>
                  <option>Bayern</option>
                  <option>Berlin</option>
                  <option>Brandenburg</option>
                  <option>Bremen</option>
                  <option>Hamburg</option>
                  <option>Hessen</option>
                  <option>Mecklenburg-Vorpommern</option>
                  <option>Niedersachsen</option>
                  <option>Nordrhein-Westfalen</option>
                  <option>Rheinland-Pfalz</option>
                  <option>Saarland</option>
                  <option>Sachsen</option>
                  <option>Sachsen-Anhalt</option>
                  <option>Schleswig-Holstein</option>
                  <option>Th&uuml;ringen</option>
                
                </select></td>  </tr>
          <tr>
            <td>Wohnort*</td>
            <td><input name="wohnort" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Schule*</td>
            <td><input name="schule" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Klasse*</td>
            <td><input name="klasse" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>E-Mail*</td>
            <td><input name="mail" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Vorname*</td>
            <td><input name="vorname" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Nachname*</td>
            <td><input name="nachname" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Alter*</td>
          
          <td><select name='Jahr' style="background:#ECFFD0; border: 1px solid #99CCFF; ">
                  <option>2003</option>
                  <option>2002</option>
                  <option>2001</option>
                  <option>2000</option>
                  <option>1999</option>
                  <option>1998</option>
                  <option>1997</option>
                  <option>1996</option>
                  <option>1995</option>
                  <option>1994</option>
                  <option>1993</option>
                  <option>1992</option>
                  <option>1991</option>
                
                </select>
                
               <select name='Monat' style="background:#ECFFD0; border: 1px solid #99CCFF;">
                  <option>01</option>
                  <option>02</option>
                  <option>03</option>
                  <option>04</option>
                  <option>05</option>
                  <option>06</option>
                  <option>07</option>
                  <option>08</option>
                  <option>09</option>
                  <option>10</option>
                  <option>11</option>
                 <option>12</option>
                </select>
                
                <select name='Tag' style="background:#ECFFD0; border: 1px solid #99CCFF; ">
                  <option>01</option>
                  <option>02</option>
                  <option>03</option>
                  <option>04</option>
                  <option>05</option>
                  <option>06</option>
                  <option>07</option>
                  <option>08</option>
                  <option>09</option>
                  <option>10</option>
                  <option>11</option>
                  <option>12</option>
                  <option>13</option>
                  <option>14</option>
                  <option>15</option>
                  <option>16</option>
                  <option>17</option>
                  <option>18</option>
                  <option>18</option>
                  <option>20</option>
                  <option>21</option>
                  <option>22</option>
                  <option>23</option>
                  <option>24</option>
                  <option>25</option>
                  <option>26</option>
                  <option>27</option>
                  <option>28</option>
                  <option>29</option>
                  <option>30</option>
                  <option>31</option>
                </select>
          </tr>
          <tr>
            <td>Geschlecht*</td>
            <td><p><input type="radio" name="G" value="Maennlich">Maennlich<br><input type="radio" name="G" value="Weiblich">Weiblich</p></td>
          </tr>
          <tr>
            <td>Homepage</td>
            <td><input name="hp" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>ICQ</td>
            <td><input name="icq" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>MSN</td>
            <td><input name="MSN" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
          <tr>
            <td>Sicherheitsfrage*</td>
            <td><select name='Frage' style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;">
                  <option>Lieblings Farbe?</option>
                  <option>Lieblings Film?</option>
                  <option>Name des Haustieres?</option>
                  <option>Name deiner Mutter?</option>
                </select></td>
          </tr>
          <tr>
            <td>Antwort*</td>
            <td><input name="Antwort" type="text" style="background:#ECFFD0; border: 1px solid #99CCFF; width:145px;"></td>
          </tr>
           <tr>
            <td>Was Soll auf deiner Home seite Angezeigt werden?*</td>
              
              <td><p><input type="radio" name="home" value="Forum">Forum | Top 10 Themen<br><input type="radio" name="home" value="freunde">Quatschkiste</p></td>
           </tr>
          <tr>
            <td><input name="AGB" size="20" id="input" type="checkbox" onclick="document.getElementById('submit').disabled = false"></td>
            <td>Ich habe die <a href="AGB.php">AGB</a> Regeln gelesen<br> und bin damit einverstanden.</td>
          </tr>
          <tr>
            <td><input name="submit" value="Benutzer anlegen" class="button" type="submit" id="submit" style="" disabled></td>
          </tr>
      </table>
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!