Formular soll nicht durch Enter abgeschickt werden

  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    10. 08. 2011, 17:24

    Hallo, ich habe mit Mailformplus ein Formular erstellt.
    Das klappt auch alles gut. Nur wenn ich in einem Feld (und das kommt vor allem im Nachrichtenfeld vor) ENTER drücke, springt der Cursor nicht in eine neue Zeile sondern das Formular wird abgeschickt.
    So kommen einige unfertige Formulare an. Hast jemand eine Ahnung wie ich das verhindern kann. Mein Template sieht so aus:

    1. <!-- ###TEMPLATE_FORM### begin -->
    2. <style type="text/css">
    3.  
    4. <link href="fileadmin/include/style.css" rel="stylesheet" type="text/css">
    5. <form name="form###PID###" method="post" action="###REL_URL###">
    6.  
    7. <!-- versteckte Felder begin -->
    8. ###HIDDENFIELDS###
    9. <!-- versteckte Felder end -->
    10.  
    11. <input type="hidden" name="L" value="0">
    12. <input type="hidden" name="id" value="###PID###">
    13. <input type="hidden" name="submitted" value="1" />
    14.  
    15. <table class"content" border="0">
    16.  
    17.  
    18. <td width="100" valign="middle" class="formlabel">Firma*</td>
    19. <td valign="middle"><input class="text" type="text" id="firm" name="firm" value="###value_firm###" ###error_firm### />
    20. </td>
    21. </tr>
    22. <tr>
    23. <td valign="middle" class="formlabel">Ansprechparter</td>
    24. <td valign="middle"><input class="text" type="text" id="partner" name="partner" value="###value_partner###" ###error_partner### /></td>
    25. </tr>
    26. <tr>
    27. <td valign="middle" class="formlabel">Strasse und Hausnummer</td>
    28. <td valign="middle"><input class="text" type="text" id="street" name="street" value="###value_street###" ###error_street### /></td>
    29. </tr>
    30. <tr>
    31. <td valign="middle" class="formlabel">PLZ / Ort</td>
    32. <td valign="middle"><input class="text" type="text" id="zip" name="zip" value="###value_zip###" ###error_zip### /></td>
    33. </tr>
    34. <tr>
    35. <td valign="middle" class="formlabel">Telefon</td>
    36. <td valign="middle"><input class="text" type="text" id="phone" name="phone" value="###value_phone###" ###error_phone### /></td>
    37. </tr>
    38. <tr>
    39. <td valign="middle" class="formlabel">eMail*</td>
    40. <td valign="middle"><input class="text" type="text" id="email" name="email" value="###value_email###" ###error_email### /></td>
    41. </tr>
    42. <tr>
    43. <td valign="middle" class="formlabel">Ort der Veranstaltung</td>
    44. <td valign="middle"><input class="text" type="text" id="place" name="place" value="###value_place###" ###error_place### /></td>
    45. </tr>
    46. <tr>
    47. <td valign="middle" class="formlabel">Art der Veranstaltung</td>
    48. <td valign="middle"><input class="text" type="text" id="kind" name="kind" value="###value_kind###" ###error_kind### /></td>
    49. </tr>
    50. <tr>
    51. <td valign="middle" class="formlabel">Personenzahl ca.</td>
    52. <td valign="middle"><input class="text" type="text" id="persons" name="persons" value="###value_persons###" ###error_persons### /></td>
    53. </tr>
    54. <tr>
    55. <td valign="middle" class="formlabel">Datum der Veranstaltung</td>
    56. <td valign="middle"><input class="text" type="text" id="date" name="date" value="###value_date###" ###error_date### /></td>
    57. </tr>
    58. <tr>
    59. <td valign="middle" class="formlabel">Dauer (Tage / Stunden)</td>
    60. <td valign="middle"><input class="text" type="text" id="duration" name="duration" value="###value_duration###" ###error_duration### /></td>
    61. </tr>
    62. <tr>
    63. <td valign="middle" class="formlabel">Nachricht</td>
    64. <td valign="middle"><input class="text" type="text" id="message" name="message" value="###value_message###" ###error_message###/></td>
    65. </tr>
    66.  
    67. <tr>
    68. <td> </td>
    69. <td><input class="button" type="submit" id="submit" name="submit" value="Anfrage senden" /></td>
    70. </tr>
    71. </form>
    72. <!-- ###TEMPLATE_FORM### end -->
    73.  
    74.  
    75.  
    76.  
    77. <!-- Prfen begin -->
    78. ###FORM_EXAMINE###
    79. <!-- Prfen end -->
    80.  
    81. <!-- ###TEMPLATE_SUBMITTED_OK### begin -->
    82. Vielen Dank!<br>
    83. Wir werden und schnellstmöglich bei Ihnen melden.
    84. <!-- ###TEMPLATE_SUBMITTED_OK### end -->
    85.  
    86.  
    87. <!-- ###TEMPLATE_EMAIL_USER### begin -->
    88. Sehr geehrte(r) ###firstname### ###lastname###, Sie haben die folgende Nachricht an uns gesandt:
    89.  
    90.  
    91.  
    92. Sie haben die folgenden Daten angegeben:
    93.  
    94. Firma:###firm###
    95. Ansprechpartner: ###partner###
    96. Strasse und Hausnummer: ###street###
    97. Plz / Ort: ###zip###
    98. Telefon: ###phone###
    99. Email: ###email###
    100. Ort der Veranstaltung: ###place###
    101. Art der Veranstaltung: ###kind###
    102. Personenzahl ca.: ###persons###
    103. Datum der Veranstaltung: ###date###
    104. Dauer (Tage / Stunden): ###duration###
    105. Nachricht: ###message###
    106.  
    107. Vielen Dank!
    108. Wir werden uns umgehend bei ihnen melden.
    109.  
    110. <!-- ###TEMPLATE_EMAIL_USER### end -->
    111.  
    112. <!-- ###TEMPLATE_EMAIL_RECEIVER### begin -->
    113. Hallo,
    114.  
    115. jemand hat eine Nachricht über die Webseite gesandt.
    116.  
    117. Firma:###firm###
    118. Ansprechpartner: ###partner###
    119. Strasse und Hausnummer: ###street###
    120. Plz / Ort: ###zip###
    121. Telefon: ###phone###
    122. Email: ###email###
    123. Ort der Veranstaltung: ###place###
    124. Art der Veranstaltung: ###kind###
    125. Personenzahl ca.: ###persons###
    126. Datum der Veranstaltung: ###date###
    127. Dauer (Tage / Stunden): ###duration###
    128. Nachricht: ###message###
    129.  
    130.  
    131.  
    132.  
    133. <!-- ###TEMPLATE_EMAIL_RECEIVER### end -->
    134.  
    135.  
    136. <!-- ###TEMPLATE_ERROR### begin -->
    137.  
    138. <!-- ###ERROR_recipient### begin -->
    139. style="border: thin solid #ca9b2f;"
    140. <!-- ###ERROR_recipient### end -->
    141. <!-- ###ERROR_firstname### begin -->
    142. style="border: thin solid #ca9b2f;"
    143. <!-- ###ERROR_firstname### end -->
    144. <!-- ###ERROR_lastname### begin -->
    145. style="border: thin solid #ca9b2f;"
    146. <!-- ###ERROR_lastname### end -->
    147. <!-- ###ERROR_street### begin -->
    148. style="border: thin solid #ca9b2f;"
    149. <!-- ###ERROR_street### end -->
    150. <!-- ###ERROR_country### begin -->
    151. style="border: thin solid #ca9b2f;"
    152. <!-- ###ERROR_country### end -->
    153. <!-- ###ERROR_zip### begin -->
    154. style="border: thin solid #ca9b2f;"
    155. <!-- ###ERROR_zip### end -->
    156. <!-- ###ERROR_town### begin -->
    157. style="border: thin solid #ca9b2f;"
    158. <!-- ###ERROR_town### end -->
    159. <!-- ###ERROR_email### begin -->
    160. style="border: thin solid #ca9b2f;"
    161. <!-- ###ERROR_email### end -->
    162. <!-- ###ERROR_message### begin -->
    163. style="border: thin solid #ca9b2f;"
    164. <!-- ###ERROR_message### end -->
    165.  
    166. <!-- ###TEMPLATE_ERROR### end -->

    Danke für eure Hilfe Marc


  • 1
  • zorc68 zorc68
    Jedi-Ritter
    0 x
    140 Beiträge
    0 Hilfreiche Beiträge
    15. 08. 2011, 22:22

    Hi, hat keiner eine Ahnung woran das liegen kann. Ich komme damit einfach nicht weiter?

  • vince vince
    Sternenflotten-Admiral
    0 x
    180 Beiträge
    6 Hilfreiche Beiträge
    17. 08. 2011, 11:57

    Hallo,

    Ich seh da 2 Möglichkeiten:

    1) vorm abschicken des Formulars prüfen, ob alles ausgefüllt wurde (da kann ich jquery empfehlen)

    oder 2) "nur" das mit dem enter abschicken rausnehmen: das geht mit javascript bzw. jquery, du könntest aus dem submit-button einen einfachen button machn (ohne type="submit" ) und dann beim anklicken des Buttons (mit einem onclick-Event) das Formular abschicken.

    ersteres ist am besten, weil sonst auch so unvollständige Formulare abgesendet werden können.
    Stichwort: jquery .submit()

    Außerdem müsste es bei Mailformplus auch schon Möglichkeiten geben, die Eingabe zu überprüfen (da bin ich mir aber nich sicher).

    Gruß,

    vince.

  • 1