Kostenlose Homepage Tools für Webmaster und die eigene Homepage
SuchenSuchen     RegistrierenRegistrieren  ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 



[Codeschnipsel] Formular mit Pflichtfeldern


 
   Homepage Tools Foren-Übersicht -> Tutorials und Anleitungen
Autor Nachricht
wissen_wie
Support Team


Anmeldungsdatum: 14.03.2007
Beiträge: 386

BeitragVerfasst am: 11.09.2008, 10:50    Titel: [Codeschnipsel] Formular mit Pflichtfeldern

Heyho,

Hier mal ein Beispielcode für ein Formular. Es sind die Eingabefelder Name, E-Mail, Homepage und Nachricht vorgegeben. Durch JavaScript werden Name und Nachricht zum Pflichtfeld.

Zitat:
<script type="text/javascript">
// Code written by hpserver.de - Diesen Teil bitte nicht löschen //

function pruefe_eingabe() {
if (document.hpserver_kontakt.Name.value == "") {

alert("Bitte Namen angeben!");
document.hpserver_kontakt.Name.focus();
return false;

} else if (document.hpserver_kontakt.Nachricht.value == "") {

alert("Bitte Nachricht eingeben!");
document.hpserver_kontakt.Nachricht.focus();
return false;

}
}
</script>

<form name="hpserver_kontakt" action="http://www.hpserver.de/formailer/mail.php" method="post" onsubmit="return pruefe_eingabe()">
<input type="hidden" name="username-hpserver-de" value="USERNAME" />

// HIER EINEN VON DEN UNTEN GENANNTEN CODES EINFÜGEN

</form>


Dieser Teil gibt dem Formular einen "Namen" damit es vom JavaScript angesprochen werden kann.
USERNAME bitte gegen deinen Usernamen ersetzen.


Code #1 (einfach):
Code:
Name:<br>
<input type="text" name="Name" /> <br><br>

Email:<br>
<input type="text" name="Email" /><br><br>

Homepage:<br>
<input type="text" name="Homepage" /><br><br>

Nachricht:<br>
<textarea name="Nachricht" style="width:200px;height:100px;" cols="" rows=""></textarea><br><br>

<input type="submit" value="senden" /> <input type="reset" value="löschen" />




Code #2 (Tabellen Konstruktion):
Code:
<table cellpadding="2" cellspacing="5" border="0" width="100%">
  <tr>
    <td style="width:20%;">Name:</td> <td style="width:80%;"><input type="text" name="Name" /></td>
  </tr>
  <tr>
    <td>E-Mail:</td> <td><input type="text" name="Email" /></td>
  </tr>
  <tr>
    <td>Homepage:</td> <td><input type="text" name="Homepage" /></td>
  </tr>
  <tr>
    <td>Nachricht:</td> <td><textarea name="Nachricht" style="width:200px;height:100px;" cols="" rows=""></textarea></td>
  </tr>
  <tr>
    <td>&nbsp;</td> <td><input type="submit" value="senden" /> <input type="reset" value="löschen" /></td>
  </tr>
</table>



Bitte unbedingt beachten:
Dadurch das sich JavaScript abschalten lässt ist es leider nicht möglich dann die Eingaben zu überprüfen, hier greift der Spam Schutz des hpserver.de Systems.

Bei weiteren Fragen bitte PN an mich - ansonsten weiterhin viel Spaß auf hpserver.de
_________________
Dropbox: GRATIS 2,25 GB Online-Festplatte
Nach oben
Beiträge der letzten Zeit anzeigen:   
   Homepage Tools Foren-Übersicht -> Tutorials und Anleitungen Alle Zeiten sind GMT
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

  zurück zu hpserver.de





Powered by phpBB © 2001, 2005 phpBB Group
Modified by SEO-phpBB.de