chriskoller
Mitglied
Habe ein problem mit meinem Formular.
Derzeit wird eine Fehlermeldung bei nicht eingabe der schreibfelder angezeigt, bräuchte allerdings eine Fehlermeldung wenn keines der Häkchenfelder angekreuzt ist. Habe allerdings keine Ahnung wie das Funktioniert, kann mir wer das umschreiben hier das Formular:
Derzeit wird eine Fehlermeldung bei nicht eingabe der schreibfelder angezeigt, bräuchte allerdings eine Fehlermeldung wenn keines der Häkchenfelder angekreuzt ist. Habe allerdings keine Ahnung wie das Funktioniert, kann mir wer das umschreiben hier das Formular:
Code:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Formular</title>
<script type="text/javascript" language="JavaScript">
<!--
function checkCheckBoxes(theForm) {
if (
theForm.CHECKBOX_1.checked == false &&
theForm.CHECKBOX_2.checked == false &&
theForm.CHECKBOX_3.checked == false)
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
} else {
return true;
}
}
//-->
</script>
<style type="text/css">
body {
font-size: 100, 01%;
font-family: verdana, sans-serif;
}
.fliesstext {
font-size: .8em;
}
span.box-bottom {
position: absolute;
left: 20px;
bottom: 0px;
background: url(box-bottom.gif) repeat-x;
width: 500px;
height: 20px;
}
span.box-top-right {
background: url(box-top-right.gif) no-repeat;
top: 0px;
right: 0px;
position: absolute;
width: 20px;
height: 20px;
}
span.box-bottom-left {
background: url(box-bottom-left.gif) no-repeat;
bottom: 0px;
left: 0px;
position: absolute;
width: 20px;
height: 20px;
}
span.box-bottom-right {
background: url(box-bottom-right.gif) no-repeat;
bottom: 0px;
right: 0px;
position: absolute;
width: 20px;
height: 20px;
}
span.box-right {
background: url(box-right.gif) repeat-y;
position: absolute;
right: 0px;
bottom: 20px;
width: 20px;
height: 380px;
}
#box {
position: absolute;
top: 60px;
left: 100px;
width: 500px;
height: 380px;
padding: 20px;
/*Das Bild würde über die ganze Fläche gekachelt werden, daher "no-repeat".
*Damit wird die Grafik nur links oben in der Ecke angezeigt.
*/
background: #999a00 url(box-top-left.gif) no-repeat;
}
</style>
<script language="javascript" type="text/javascript">
<!--
function formular_pruefen(){
if (document.bestellung.firma.value == '') {
window.alert("Bitte geben Sie Ihren Namen oder Ihre Firma an!");
document.bestellung.firma.focus();
return false;
}
if (document.bestellung.adresse.value == '') {
window.alert("Bitte Adresse angeben!");
document.bestellung.adresse.focus();
return false;
}
if (document.bestellung.plz.value == '') {
window.alert("Bitte geben Sie die Postleitzahl an!");
document.bestellung.plz.focus();
return false;
}
if (isNaN(document.bestellung.plz.value) == true || document.bestellung.plz.value.length < 4) {
window.alert("Postleitzahl nicht korrekt!");
document.bestellung.plz.focus();
return false;
}
if (document.bestellung.email.value == '') {
window.alert("Bitte geben Sie Ihre E-Mail-Adresse an!");
document.bestellung.email.focus();
return false;
}
if (document.bestellung.email.value.indexOf('@') == -1 || document.bestellung.email.value.indexOf('.') == -1) {
window.alert("E-Mail-Adresse nicht korrekt!");
document.bestellung.email.focus();
return false;
}
}
//-->
</script>
</head>
<body>
<div id="box" class="fliesstext">
<form method="" action="" name="bestellung" accept-charset="ISO-8859-1" onsubmit="return formular_pruefen();" >
Name/Firma *:
<br/>
<input name="firma" type="text" size="37" maxlength="50" />
<br/>
Adresse *:
<br/>
<input name="adresse" type="text" size="37" maxlength="50" />
<br/>
PLZ *:
<br/>
<input name="plz" type="text" size="37" maxlength="4" />
<br/>
E-Mail *:
<br/>
<input name="email" type="text" size="37" maxlength="50" />
<br/>
<input type="checkbox" name="buchung[]" value="firewall" />Firewall Plus 5 €
<br/>
<input type="checkbox" name="buchung[]" value="internet_l" />Internet Large 40 €
<br/>
<input type="checkbox" name="buchung[]" value="webspace" />Webspace Plus 10 €
<br/>
<br/>
<input type="submit" value="Submit" /> <input type="reset" value="Reset" />
<br />
<br />Mit * gekennzeichnete Felder sind Pflichtfelder.
</form>
<span class="box-bottom-left"></span>
<span class="box-bottom-right"></span>
<span class="box-bottom"></span>
<span class="box-right"></span>
<span class="box-top-right"></span>
</div>
</body>
</html>