Button freischalten wenn Formular ausgefüllt wurde.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anhalt
anwender
bayer
breme
buchstabe
bundesland
button
datum
forum
geschlecht
hesse
liebling
nachname
niedersachse
regeln
saarland
sachse
westfale
wiederholen
wohnort
-
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ü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ü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
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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....
-
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 -
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ü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ü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>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage