pflichtfelder

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • pflichtfelder

    guten morgen,
    neuer Tag neues Glück :)
    also ich hab hier ein Formular, das wenn ich auf Senden drücke gespeichert wird. Falls ein Feld ausgelassen wird, kommt eine Messagebox. Nun möcht ich aber das nicht nur eine Messagebox kommt sondern Die Daten die eingegeben wurden behalten werden UND die Felder die leer sind Rot umrandet werden.
    Hier mal mein Code

    PHP-Quellcode

    1. <?php
    2. error_reporting( -1 );
    3. ini_set('display_errors', TRUE);
    4. ob_start();
    5. setlocale(LC_TIME, "de_DE");
    6. date_default_timezone_set("Europe/Berlin");
    7. ?>
    9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    11. <html xmlns="http://www.w3.org/1999/xhtml">
    12. <head>
    14. <style type="text/css">
    15. <!--
    16. .text {
    17. position: relative;
    18. margin-top: 160px;
    19. height: 160px;
    20. font-color: yellow;
    21. }
    22. -->
    23. </style>
    24. <title>Supportinfo</title>
    25. </head>
    26. <body background="hintergrundfertig.png" alt="Bild">
    27. <form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post">
    28. <div align="right" style="position:absolute;top:190px; right:0px;"><font color="yellow"><b>
    29. Nachname:<input type="text" name="Nachname" size="50" /><br />
    30. Vorname:<input type="text" name="Vorname" size="50" /><br />
    31. E-Mail:<input type="text" name="Email" size="50" /><br />
    32. Betreff:<input type="text" name="Betreff" size="50" /><br />
    33. <textarea name="Nachricht" cols="60" rows="20"></textarea><br />
    34. <input type="submit" value="Senden" /><input type="reset" value="Abbrechen" />
    36. </div>
    37. </form>
    39. <?php
    40. if(isset($_POST['Nachname']))
    41. {
    42. $komplett= true;
    44. $Email = $_POST['Email'];
    45. $Betreff = $_POST['Betreff'];
    46. $Nachricht = $_POST['Nachricht'];
    47. $Nachname = $_POST['Nachname'];
    48. $Vorname = $_POST['Vorname'];
    49. $Datum = date('d-m-y');
    50. $Uhrzeit = date('h-i-s');
    51. $Trennzeichen= ("_");
    52. $Leerzeichen = (" ");
    53. $Datei = $Vorname.$Trennzeichen.$Nachname.$Trennzeichen.$Datum.$Trennzeichen.$Uhrzeit.".txt";
    54. $Text = $Vorname.$Leerzeichen. $Nachname.$Leerzeichen. $Email.$Leerzeichen.$Datum.$Leerzeichen. $Uhrzeit.$Leerzeichen.$Betreff.$Nachricht;
    55. if ($Email == "" Or $Betreff == "" Or $Nachricht == "" Or $Nachname=="" Or $Vorname=="" )
    56. {$komplett = false ;
    57. echo "<p align=\"center\" class=\"text\"> Bitte fuellen sie alle Felder aus!</p>"; }
    58. if ($komplett)
    59. {
    60. $FilePointer = fopen($Datei, "w");
    61. fwrite($FilePointer, $Text);
    62. fclose($FilePointer);
    63. }
    64. if(file_exists($Datei))
    65. {
    66. ?>
    67. <script type="text/javascript">
    68. alert("Ihre Email wurde versendet.");
    69. </script>
    70. <?php
    71. }
    72. }
    73. ?>
    74. <script type="javascript">
    75. <STYLE type="text/css">
    76. .okButton {
    78. background-color: #D4D4D4;
    79. font-color: #000000;
    80. font-size: 9pt;
    81. font-family: arial;
    82. width: 70px;
    83. height: 20px;
    84. }
    85. .alertTitle {
    86. background-color: #3C56FF;
    87. font-family: arial;
    88. font-size: 9pt;
    89. color: #FFFFFF;
    90. font-weight: bold;
    91. }
    92. .alertMessage {
    93. font-family: arial;
    94. font-size: 9pt;
    95. color: #000000;
    96. font-weight: normal;
    97. }
    98. .alertBoxStyle {
    99. cursor: default;
    100. filter: alpha(opacity=90);
    101. background-color: #E4E4E4;
    102. position: absolute;
    103. top: 200px;
    104. left: 200px;
    105. width: 100px;
    106. height: 50px;
    107. visibility:hidden; z-index: 999;
    108. border-style: groove;
    109. border-width: 5px;
    110. border-color: #FFFFFF;
    111. </STYLE>
    112. <div id="alertLayer" class=alertBoxStyle></div>
    113. <SCRIPT LANGUAGE="JavaScript">
    114. function BrowserCheck() {
    115. var b = navigator.appName;
    116. if (b == "Netscape") this.b = "NS";
    117. else if (b == "Microsoft Internet Explorer") this.b = "IE";
    118. else this.b = b;
    119. this.v = parseInt(navigator.appVersion);
    120. this.NS = (this.b == "NS" && this.v>=4);
    121. this.NS4 = (this.b == "NS" && this.v == 4);
    122. this.NS5 = (this.b == "NS" && this.v == 5);
    123. this.IE = (this.b == "IE" && this.v>=4);
    124. this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0);
    125. this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0);
    126. if (this.IE5 || this.NS5) this.VER5 = true;
    127. if (this.IE4 || this.NS4) this.VER4 = true;
    128. this.OLD = (! this.VER5 && ! this.VER4) ? true : false;
    129. this.min = (this.NS||this.IE);
    130. }
    131. is = new BrowserCheck();
    132. alertBox = (is.VER5) ? document.getElementById("alertLayer").style
    133. : (is.NS) ? document.layers["alertLayer"]
    134. : document.all["alertLayer"].style;
    135. function hideAlert(){
    136. alertBox.visibility = "hidden";}
    137. function makeAlert(aTitle,aMessage){
    138. document.all.alertLayer.innerHTML = "<table border=0 width=100% height=100%>" +
    139. "<tr height=5><td colspan=4 class=alertTitle>" + " " + aTitle + "</td></tr>" +
    140. "<tr height=5><td width=5></td></tr>" +
    141. "<tr><td width=5></td><td width=20 align=left><img src='alert.gif'></td><td align=center class=alertMessage>" + aMessage + "<BR></td><td width=5></td></tr>" +
    142. "<tr height=5><td width=5></td></tr>" +
    143. "<tr><td width=5></td><td colspan=2 align=center><input type=button value='OK' onClick='hideAlert()' class=okButton><BR></td><td width=5></td></tr>" +
    144. "<tr height=5><td width=5></td></tr></table>";
    145. //thisText = aMessage.length;
    146. thisText = 2000
    147. if (aTitle.length > aMessage.length){ thisText = aTitle.length; }
    148. aWidth = (thisText * 5) + 80;
    149. aHeight = 100;
    150. if (aWidth < 150){ aWidth = 200; }
    151. if (aWidth > 350){ aWidth = 350; }
    152. if (thisText > 60){ aHeight = 110; }
    153. if (thisText > 120){ aHeight = 130; }
    154. if (thisText > 180){ aHeight = 150; }
    155. if (thisText > 240){ aHeight = 170; }
    156. if (thisText > 300){ aHeight = 190; }
    157. if (thisText > 360){ aHeight = 210; }
    158. if (thisText > 420){ aHeight = 230; }
    159. if (thisText > 490){ aHeight = 250; }
    160. if (thisText > 550){ aHeight = 270; }
    161. if (thisText > 610){ aHeight = 290; }
    162. alertBox.width = aWidth;
    163. alertBox.height = aHeight;
    164. alertBox.left = (document.body.clientWidth - aWidth)/2;
    165. alertBox.top = (document.body.clientHeight - aHeight)/2;
    166. alertBox.visibility = "visible";
    167. }
    168. // WHEN YOU WANT TO GENERATE AN ALERT DO THIS:
    169. // CALL THE makeAlert FUNCTION AND PASS THE ALERT TITLE AND THE MESSAGE
    170. // TO THE FUNCTION.
    171. // eg. makeAlert('My Alert Title' , 'My Alert Message');
    172. </SCRIPT>
    173. </body>
    174. </html>
    Alles anzeigen

    da ich mit Java-Script noch nicht viel gemacht habe wäre ich euch Dankbar wenn ihr mir ein Beispiel zeigen könntet.
    Liebe Grüße