Hallo, ich versuche gerade ein Formular zu erstellen und habe mir von einer Internetseite den Quelltext kopiert und ihn etwas umformuliert. Nun ist meine Frage, ob ich noch ein Ausgabe php oder sowas brauche? Und wenn ja, wie wird das genau aussehen? Ich weiss gar nicht wie ich das erstellen soll? Ich bin sicherlich auch im falschen forum, aber ich dachte hier wird mir dennoch geholfen werden können, sonst verschieben, danke euch.
HTML:
<!--
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(theform,thelimit){
var limit_text='<span id="'+theform.toString()+'">'+thelimit+'</span>'
if (document.all||ns6)
document.write(limit_text)
if (document.all) {
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
}
}
function checkForm(form){
var fehler = 0;
var message = "Bitte f\u00FCllen Sie folgende Felder korrekt aus: \n\n";
if (form.kontaktperson.value.length < 2){
message += "- Kontaktperson\n";
fehler = 1;
}
if(form.email.value == ""){
message += "- E-Mail\n";
fehler = 1;
}else if(!check_email(form.email.value)){
message += "- E-Mail\n";
fehler = 1;
}
if (form.telefon.value.length < 10){
message += "- Telefon\n";
fehler = 1;
}
if (fehler == 0){
return true;
}
else {
window.alert(message);
return false;
}
}
function check_email(value) {
var index;
index = value.indexOf("@",0);
dot_index = value.indexOf(".",index);
if((index) < 0){
return false;
}
else{
if((index < 2) || ((index + 2) >= dot_index) || (dot_index >= value.length -2)){
return false;
}
}
return true;
}
//-->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="500">
<tr>
<td valign="top"> <h1>offertanfrage</h1>
<form action="index.php?p=offertanfrage" method="post" name="form" enctype="multipart/form-data" onSubmit="return checkForm(this);">
<table width="942" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="471" valign="top">
<table width="471" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150">ich bitte um eine/n</td>
<td><input type="checkbox" name="broschure" value="Kunde bittet um eine Broschüre" OnClick="if (broschure.checked == true) {offerte.checked = false} {ruckruf.checked = false};" /> broschüre <input type="checkbox" name="offerte" value="Kunde bittet um eine Offerte" OnClick="if (offerte.checked == true) {broschure.checked = false} {ruckruf.checked = false};" /> offerte <input type="checkbox" name="ruckruf" value="Kunde bittet um einen Rückruf" OnClick="if (ruckruf.checked == true) {offerte.checked = false} {broschure.checked = false};" /> rückruf</td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td>firma</td>
<td><input name="firma" type="text" class="form" maxlength="50" /></td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td><span class="bezeichnung">kontaktperson</span></td>
<td><input name="kontaktperson" type="text" class="form" maxlength="50" /> *</td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td>strasse / nr.</td>
<td><input name="strasse" type="text" class="form" maxlength="50" /></td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td>plz / ort</td>
<td><input type="text" name="plz" class="form" style="width: 50px" maxlength="5" /> <input name="ort" type="text" class="form" style="width: 195px" maxlength="50" /></td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td><span class="bezeichnung">e-mail</span></td>
<td><input name="email" type="text" class="form" maxlength="50" /> *</td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td><span class="bezeichnung">telefon</span></td>
<td><input name="telefon" type="text" class="form" maxlength="20" /> *</td>
</tr>
<tr>
<td> </td>
<td height="20"><span class="nosee_schutz">
<input name="phone" type="text" maxlength="20" />
</span></td>
</tr>
<tr>
<td> </td>
<td><span class="bezeichnung">* Pflichtfelder</span></td>
</tr>
</table>
<p> </p>
</td>
<td width="471" valign="top"><table width="471" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"> </td>
<td> </td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td>projektbezeichnung</td>
<td><input name="projekt" type="text" class="form" maxlength="50" /></td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td>prov. abgabedatum</td>
<td><input name="abgabedatum" type="text" class="form" maxlength="50" /></td>
</tr>
<tr>
<td height="3"></td>
<td></td>
</tr>
<tr>
<td valign="top">bemerkungen, fragen,<br />
anregungen</td>
<td><textarea rows="5" name="bemerkungen" class="form"></textarea><br />
Noch verfügbare Zeichen:
<script>displaylimit("document.form.bemerkungen",500)</script></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td><input type="reset" value="löschen" class="button" class="pointerhand" border="0" style="width:120px"> <input type="submit" name="kontakt_submit" value="übermitteln" class="button" class="pointerhand" border="0" style="width:110px"></td>
</tr>
</table></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td valign="bottom"><img src="http://www.tutorials.de/forum/images/overview_kontakt.jpg" alt="" width="942" height="232" /></td>
</tr>
</table>
</div>
</div>
<!-- end #slideshow -->
<div id="spacer"></div>
<!-- end #abstand -->
<div id="navigation">
Zuletzt bearbeitet von einem Moderator:
