<!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=utf-8" />
<title>Anmeldeformular</title>
<style type="text/css">
#form1 table tr td #Mitglied {
text-align: center;
}
.Name {
width: 250px;
}
.Ort {
width: 350px;
}
.Land {
width: 400px;
}
#form1 div table tr td {
text-align: center;
font-weight: bold;
font-size: ;
}
body {
background-image: url(../bilder/2011_hintergrund_1.png);
background-size: cover;
height: 100%; width: 100%;
}
.Größe {
font-size: xx-large;
text-decoration: underline;
}
</style>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
</head><body>
<form action="Anwendungen/myFormMail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" onreset="return deleteForm();" onsubmit="return submitForm();" style="page-break-inside:avoid">
<p><br />
</p>
<p> </p>
<p> </p>
<p> </p>
<div align="center">
<table width="813" border="1">
<tr>
<td height="45" colspan="3" class="Größe">Antragsformular</td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="266"><div align="center">Aufnahme ab (Datum/Jahr)</div></td>
<td width="275"><div align="center">Außerordentliches Mitglied</div></td>
<td width="250"><div align="center">Alter</div></td>
</tr>
<tr>
<td><div align="center">
<span id="sprytextfield1">
<input type="text" name="Aufnahme " id="Aufnahme " required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
<td><div align="center"><span id="sprycheckbox1">
<input type="checkbox" name="Mitglied2" id="Mitglied" />
<label for="Mitglied"></label>
</span></div></td><td><input type="radio" name="Alter" value="über 14" id="Alter_0" />
über 14 Jahre
<input type="radio" name="Alter" value="unter 14" id="Alter_1" />
unter 14 Jahre</td>
</tr>
<tr>
<td><div align="center">Nachname, Vorname</div></td>
<td><div align="center">Geburtsdatum</div></td>
<td><div align="center">Geburtsort</div></td>
</tr>
<tr>
<td><div align="center"><span id="sprytextfield2">
<input name="Name" type="text" class="Name" id="Name" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div>
</td>
<td><div align="center"><span id="sprytextfield3">
<input type="text" name="Geburtsdatum" id="Geburtsdatum" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
<td><div align="center"><span id="sprytextfield4">
<input name="Geburtsort" type="text" class="Name" id="Geburtsort" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
</tr>
<tr>
<td><div align="center">Straße, Hausnummer</div></td>
<td colspan="2"><div align="center">PLZ, Ort</div>
<div align="center"></div></td>
</tr>
<tr>
<td><div align="center"><span id="sprytextfield5">
<input name="Adresse" type="text" class="Name" id="Adresse" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
<td colspan="2"><div align="center"><span id="sprytextfield6">
<input name="Ort" type="text" class="Ort" id="Ort" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div>
<div align="center"></div></td>
</tr>
<tr>
<td><div align="center">Staatsangehörigkeit</div></td>
<td><div align="center">Beruf</div></td>
<td><div align="center">Telefonnumer</div></td>
</tr>
<tr>
<td><div align="center"><span id="sprytextfield7">
<input type="text" name="Staat" id="Staat" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
<td><div align="center"><span id="sprytextfield8">
<input name="Beruf" type="text" class="Name" id="Beruf" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
<td><div align="center"><span id="sprytextfield9">
<input type="text" name="Telefonnummer" id="Telefonnummer" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
</tr>
<tr>
<td><div align="center">E-Mail Adresse</div></td>
<td><label for="KFZ Kennzeichen">
KFZ Kennzeichen
</label><div align="center"></div>
</label></td>
<td><label for="Handynummer">Handynummer</label></td>
</tr>
<tr>
<td><div align="center"><span id="sprytextfield3">
<input type="text" name="Mail" id="Mail" />
</span></div></td>
<td><div align="center">
<input type="text" name="KFZ Kennzeichen" id="KFZ Kennzeichen" />
</div></td>
<td><span id="sprytextfield5">
<input name="Handynummer" type="text" class="Name" id="Handynummer" />
</span></td>
</tr>
<tr>
<td colspan="2">1. Ich habe Erfahrung als Sportfischer.</td>
<td><p>
<label>
<input type="radio" name="Erfahrungen" value="ja" id="Erfahrungen_0" required/>
ja</label>
<label>
<input type="radio" name="Erfahrungen" value="nein" id="Erfahrungen_1" required/>
nein</label>
<br />
</p></td>
</tr>
<tr>
<td colspan="2">2. Ich bin wegen Jagd- oder Fischereivergehen vorbestraft.</td>
<td><p>
<label>
<input type="radio" name="Vergehen" value="ja" id="Vergehen_0" required/>
ja</label>
<label>
<input type="radio" name="Vergehen" value="nein" id="Vergehen_1" required/>
nein</label>
<br />
</p></td>
</tr>
<tr>
<td colspan="2">3. Ich habe die Fischereiprüfung bestanden (Kopie der Karte/Erlagschein liegen bei)</td>
<td><p>
<label>
<input type="radio" name="Prüfung" value="ja" id="Prüfung_0" required/>
ja</label>
<label>
<input type="radio" name="Prüfung" value="nein" id="Prüfung_1" required/>
nein</label>
<br />
</p></td>
</tr>
<tr>
<td colspan="2">4. Ich wurde aus einem anderen Verein ausgeschlossen.</td>
<td><p>
<label>
<input type="radio" name="Verein" value="ja" id="Verein_0" required/>
ja</label>
<label>
<input type="radio" name="Verein" value="nein" id="Verein_1" required/>
nein</label>
<br />
</p></td>
</tr>
<tr>
<td colspan="2">5. Ich war schon Mitglied im Fischereiverein Klein Meiseldorf.</td>
<td><p>
<label>
<input type="radio" name="Mitglied" value="ja" id="Mitglied_0" required/>
ja</label>
<label>
<input type="radio" name="Mitglied" value="nein" id="Mitglied_1" required/>
nein</label>
<br />
</p></td>
</tr>
<tr>
<td colspan="2">6. Ich war Mitglied im Angelverein (Name)</td>
<td><label for="Name Verein"></label>
<input name="Name Verein" type="text" class="Ort" id="Name Verein" /></td>
</tr>
<tr>
<td colspan="3">Mir ist bekannt, dass unwahre Angaben zum Vereinsausschluss bzw. zur Ablehnung des Antrages führen.</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Datum</td>
<td colspan="2">Bei Minderjährigen ist die Zustimmung eines Erziehungsberechtigten erforderlich.</td>
</tr>
<tr>
<td><label for="Datum"></label>
<span id="sprytextfield10">
<input type="text" name="Datum" id="Datum" required/>
<span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></td>
<td><label for="Ablehnung">Elternteil stimmt nicht zu</label>
<input type="checkbox" name="Ablehnung" id="Ablehnung" /></td>
<td><label for="Zustimmung">Elterrnteil stimmt zu</label>
<input type="checkbox" name="Zustimmung" id="Zustimmung" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2">Jahresbeitrag außerordentliches Mitglied</td>
<td>Euro 525,00</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Dateianhang</td>
<td colspan="2"><label for="Fischerkarte">Fischerkarte/Zahlschein</label>
<input type="file" name="Fischerkarte" id="Fischerkarte" required/></td>
</tr>
<tr>
<td>Kommentar/Anmerkungen</td>
<td colspan="2"><label for="Kommentar"></label>
<textarea name="Kommentar" cols="70" rows="8" id="Kommentar"></textarea></td>
</tr>
<tr>
<td><input type="submit" name="button" id="button" value="Senden" /></td>
<td><input type="button" name="Drucken" id="Drucken" value="Drucken" onClick="print()"/></td>
<td><input type="reset" name="button2" id="button2" value="Zurücksetzen" /></td>
</tr>
</table>
</div>
<p> </p>
<p><br />
</p>
</form>
<script type="text/javascript">
function deleteForm() {
return confirm('Formular zurücksetzen?');
}function submitForm() {
return confirm('Formular senden?');
}
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {validateOn:['change'], format:"dd.mm.yyyy"});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:['change']});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "date", {format:"dd.mm.yyyy", validateOn:['change']});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:['change']});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "none", {validateOn:['change']});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "none", {validateOn:['change']});
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7", "none", {validateOn:['change']});
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "none", {validateOn:['change']});
var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9", "phone_number", {format:"phone_custom", pattern:"02984/1234", validateOn:['change']});
var sprytextfield10 = new Spry.Widget.ValidationTextField("sprytextfield10", "date", {format:"dd.mm.yyyy", validateOn:['change']});
</script>
</body>
</html>
Bitte sehr, ich wollte deshalb den Code nicht posten, weil er so lang ist, nicht weil ich zu faul bin.
Alles anzeigen
- - - Aktualisiert - - -
Und hier noch das CSS dazu:
@charset "UTF-8";/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 *//* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the error messages
* which prevent them from being displayed by default.
*/
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
display: none;
}/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
display: inline;
color: #CC3333;
border: 1px solid #CC3333;
}/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid
* There are two selectors for each state, to cover the two main usecases for the widget:
* - the widget id is placed on the top level container for the INPUT
* - the widget id is placed on the INPUT element itself (there are no error messages)
*/
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
background-color: #B8F5B1;
}/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input,
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input,
input.textfieldMinValueState, .textfieldMinValueState input,
input.textfieldMaxValueState, .textfieldMaxValueState input,
input.textfieldMinCharsState, .textfieldMinCharsState input,
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
background-color: #FF9F9F;
}/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
background-color: #FFFFCC;
}/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
* It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
*/
.textfieldFlashText input, input.textfieldFlashText {
color: red !important;
}/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
/*color: red !important;*/
}
Alles anzeigen
Vielleicht kann mir jemand sagen, wo der fehler liegt, bzw. wo ich den Code ändern muss.
Danke vorab.
