Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: formularz kontaktowy z wymaganiem ilości znaków w polach - problem
Forum PHP.pl > Forum > PHP
MK2
6.08.2010, 17:25:43
Witam
Mam działający formularz kontaktowy, z którego po wpisaniu kodu z obrazka wysyłana jest wiadomość. Chciałem zmodyfikować go trochę w taki sposób, aby zmusić wysyłającego do wpisania pewnej ilości znaków w każdym polu:
imię: 5-40 znaków
email: 5-40 znaków
telefon: 0-30 znaków
treść: 15-5000 znaków
Po wprowadzeniu tych obostrzeń formularz niby działa prawidłowo. Jednak jak wysyłający wpisze poprawny kod z obrazka lecz nieprawidłową ilość znaków w dowolnym polu to:
1. wyskakuje okno informujące o złej ilości znaków w polu
2. po kliknięciu OK okno się zamyka a przeglądarka przechodzi do pliku wyslij.php
3. wysyłana jest wiadomość z niewystarczającymi danymi w polach

Jak należy zmienić kod aby przeglądarka nie przechodziła dalej dopóki nie zostaną wpisane w pola prawidłowe dane?
Chciałbym aby w przypadku pomyślnego wysłania wiadomości przeglądarka przechodziła do strony kontakt_ok.html a gdy wystąpi błąd to na stronę kontakt_error.html

Jako, że nie mam zbyt dużego doświadczenia w PHP proszę o konkretną odpowiedź! Dzięki z góry!

plik: kontakt.php
[PHP] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. if ($_SERVER['REQUEST_METHOD'] == 'POST')
  4. {
  5.    if (isset($_POST['captcha_code'],$_SESSION['random_txt']) && md5($_POST['captcha_code']) == $_SESSION['random_txt'])
  6.    {
  7.       unset($_POST['captcha_code'],$_SESSION['random_txt']);
  8.    }
  9.    else
  10.    {
  11.       echo '<b>The entered code was wrong.</b><br>';
  12.       echo '<a href="java script:history.back()">Go Back</a>';
  13.       exit;
  14.    }
  15. }
  16. ?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  5. <title>Bez nazwy</title>
  6. <style type="text/css">
  7. div#container
  8. {
  9.    width: 1004px;
  10.    position: relative;
  11.    margin-top: 0px;
  12.    margin-left: auto;
  13.    margin-right: auto;
  14.    text-align: left;
  15. }
  16. </style>
  17. <style type="text/css">
  18. body
  19. {
  20.    text-align: center;
  21.    margin: 0;
  22.    background-color: #C0C0C0;
  23.    color: #000000;
  24.    overflow-y: scroll;
  25. }
  26. </style>
  27. <link rel="stylesheet" href="./wb.validation.css" type="text/css">
  28. <style type="text/css">
  29. a.style1:link
  30. {
  31.    color: #00008B;
  32.    text-decoration: none;
  33. }
  34. a.style1:visited
  35. {
  36.    color: #666666;
  37.    text-decoration: none;
  38. }
  39. a.style1:active
  40. {
  41.    color: #00008B;
  42.    text-decoration: none;
  43. }
  44. a.style1:hover
  45. {
  46.    color: #00008B;
  47.    text-decoration: none;
  48. }
  49. </style>
  50. <script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
  51. <script type="text/javascript" src="./wb.validation.js"></script>
  52. <script type="text/javascript">
  53. <!--
  54. function ValidateForm2(theForm)
  55. {
  56. if (theForm.TextArea1.value == "")
  57. {
  58.    alert("W polu \"treść wiadomości\" wymagane jest od 15 do 5000 znaków!");
  59.    theForm.TextArea1.focus();
  60.    return false;
  61. }
  62. if (theForm.TextArea1.value.length < 15)
  63. {
  64.    alert("W polu \"treść wiadomości\" wymagane jest od 15 do 5000 znaków!");
  65.    theForm.TextArea1.focus();
  66.    return false;
  67. }
  68. if (theForm.TextArea1.value.length > 5000)
  69. {
  70.    alert("W polu \"treść wiadomości\" wymagane jest od 15 do 5000 znaków!");
  71.    theForm.TextArea1.focus();
  72.    return false;
  73. }
  74. if (theForm.Editbox2.value == "")
  75. {
  76.    alert("W polu \"adres e-mail\" wymagane jest od 5 do 40 znaków!");
  77.    theForm.Editbox2.focus();
  78.    return false;
  79. }
  80. if (theForm.Editbox2.value.length < 5)
  81. {
  82.    alert("W polu \"adres e-mail\" wymagane jest od 5 do 40 znaków!");
  83.    theForm.Editbox2.focus();
  84.    return false;
  85. }
  86. if (theForm.Editbox2.value.length > 40)
  87. {
  88.    alert("W polu \"adres e-mail\" wymagane jest od 5 do 40 znaków!");
  89.    theForm.Editbox2.focus();
  90.    return false;
  91. }
  92. if (theForm.Editbox1.value == "")
  93. {
  94.    alert("W polu \"imię i nazwisko\" wymagane jest od 5 do 40 znaków!");
  95.    theForm.Editbox1.focus();
  96.    return false;
  97. }
  98. if (theForm.Editbox1.value.length < 5)
  99. {
  100.    alert("W polu \"imię i nazwisko\" wymagane jest od 5 do 40 znaków!");
  101.    theForm.Editbox1.focus();
  102.    return false;
  103. }
  104. if (theForm.Editbox1.value.length > 40)
  105. {
  106.    alert("W polu \"imię i nazwisko\" wymagane jest od 5 do 40 znaków!");
  107.    theForm.Editbox1.focus();
  108.    return false;
  109. }
  110. if (theForm.Editbox3.value.length > 30)
  111. {
  112.    alert("W polu \"Telefon\" dopuszczalne jest max 30 znaków!");
  113.    theForm.Editbox3.focus();
  114.    return false;
  115. }
  116. return true;
  117. }
  118. //-->
  119. </script>
  120. <script type="text/javascript">
  121. $(document).ready(function()
  122. {
  123.    $("#Form1").submit(function(event)
  124.    {
  125.       var isValid = $.validate.form(this);
  126.       return isValid;
  127.    });
  128.    $("#Captcha3Edit").validate(
  129.    {
  130.       required: true,
  131.       type: 'ajax',
  132.       param: 'captcha3_ajax.php',
  133.       error_text: 'Wprowadź poprawny kod i kliknij przycisk \"Wyślij wiadomość\"'
  134.    });
  135. });
  136. </script>
  137. </head>
  138. <body>
  139. <div id="container">
  140. <div id="wb_Form1" style="position:absolute;left:0px;top:0px;width:559px;height:329px;z-index:12">
  141. <form name="Form2" method="post" action="" enctype="application/x-www-form-urlencoded" id="Form1" onsubmit="return ValidateForm2(this)">
  142. <textarea name="tresc" id="TextArea1" style="position:absolute;left:17px;top:131px;width:524px;height:88px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:0" rows="4" cols="61" tabindex="4"></textarea>
  143. <div id="wb_Text9" style="margin:0;padding:0;position:absolute;left:17px;top:225px;width:145px;height
  144. :16px;text-align:left;z-index:1;">
  145. <font style="font-size:13px" color="#000000" face="verdana">Wpisz kod z obrazka</font></div>
  146. <div id="wb_Text6" style="margin:0;padding:0;position:absolute;left:17px;top:115px;width:121px;height
  147. :16px;text-align:left;z-index:2;">
  148. <font style="font-size:13px" color="#000000" face="verdana">Treść wiadomości</font></div>
  149. <input type="text" id="Editbox2" style="position:absolute;left:17px;top:85px;width:309px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:3" name="email" value="" tabindex="2">
  150. <div id="wb_Text4" style="margin:0;padding:0;position:absolute;left:17px;top:70px;width:143px;height:
  151. 16px;text-align:left;z-index:4;">
  152. <font style="font-size:13px" color="#000000" face="verdana">Adres e-mail</font></div>
  153. <input type="text" id="Editbox1" style="position:absolute;left:17px;top:41px;width:308px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:5" name="imie" value="" tabindex="1">
  154. <div id="wb_Text7" style="margin:0;padding:0;position:absolute;left:19px;top:24px;width:252px;height:
  155. 16px;text-align:left;z-index:6;">
  156. <font style="font-size:13px" color="#000000" face="verdana">Imię i nazwisko / nazwa firmy</font></div>
  157. <div id="wb_Text8" style="margin:0;padding:0;position:absolute;left:343px;top:70px;width:176px;height
  158. :16px;text-align:left;z-index:7;">
  159. <font style="font-size:13px" color="#000000" face="verdana">Telefon </font><font style="font-size:9.3px" color="#000000" face="verdana">(nie wymagany)</font></div>
  160. <input type="text" id="Editbox3" style="position:absolute;left:343px;top:84px;width:180px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:8" name="telefon" value="" maxlength="30" tabindex="3">
  161. <input type="submit" id="Button1" name="" value="Wyślij" style="position:absolute;left:390px;top:254px;width:152px;height:30px;font-family:Arial;font-weight:bold;font-size:13px;z-index:9" tabindex="6">
  162. <div id="wb_Captcha3" style="margin:0;padding:0;position:absolute;left:17px;top:241px;width:234px;height
  163. :38px;text-align:left;z-index:10;">
  164. <img src="captcha3.php" alt="Click for new image" title="Click for new image" style="cursor:pointer;width:120px;height:39px;" onclick="this.src='captcha3.php?'+Math.random()">
  165. <input type="text" id="Captcha3Edit" style="position:absolute;left:130px;top:19px;width:114px;height:18px;border:1px #C0C0C0 solid;font-family:Verdana;font-size:13px;" name="captcha_code" value="" tabindex="5"></div>
  166. </form>
  167. </div>
  168. <div id="wb_Text1" style="margin:0;padding:0;position:absolute;left:801px;top:825px;width:193px;heigh
  169. t:12px;text-align:left;z-index:13;">
  170. <div id="wb_Shape3" style="margin:0;padding:0;position:absolute;left:897px;top:1180px;width:0px;height
  171. :0px;text-align:center;z-index:14;">
  172. <img src="images/img0292.gif" id="Shape3" alt="" title="" style="border-width:0;width:0px;height:0px"></div>
  173. <div id="wb_Shape4" style="margin:0;padding:0;position:absolute;left:768px;top:1028px;width:0px;height
  174. :0px;text-align:center;z-index:15;">
  175. <img src="images/img0293.gif" id="Shape4" alt="" title="" style="border-width:0;width:0px;height:0px"></div>
  176. <div id="wb_Shape5" style="margin:0;padding:0;position:absolute;left:809px;top:1069px;width:0px;height
  177. :0px;text-align:center;z-index:16;">
  178. <img src="images/img0294.gif" id="Shape5" alt="" title="" style="border-width:0;width:0px;height:0px"></div>
  179. <div id="wb_Shape6" style="margin:0;padding:0;position:absolute;left:776px;top:1065px;width:0px;height
  180. :0px;text-align:center;z-index:17;">
  181. <img src="images/img0295.gif" id="Shape6" alt="" title="" style="border-width:0;width:0px;height:0px"></div>
  182. </div>
  183. </body>
  184. </html>
[HTML] pobierz, plaintext


plik wyslij.php
[PHP] pobierz, plaintext 
  1. <?php
  2. if (!empty($_POST['tresc']) && !empty($_POST['email'])) {
  3.     $message = "Treść wiadomości:\n$_POST[tresc]\n\nWysłał: $_POST[imie]\n\ne-mail: $_POST[email]\n\nTelefon: $_POST[telefon]";
  4.     $header = "From: $_POST[imie] <$_POST[email]>";
  5.     @mail("mojemail@domena.pl","Wiadomość ze strony www!","$message","$header")
  6.     or die('Nie udało się wysłać wiadomości');
  7.     header('location:http://domena.pl/kontakt_OK.html');
  8. }
  9. ?>
[PHP] pobierz, plaintext
Spawnm
6.08.2010, 17:33:20
Proszę dodać BBcode .
MK2
7.08.2010, 23:05:40
Drugi kłopot jest taki, że po pomyślnym wysłaniu wiadomości i przejściu na stronę kontakt_ok.html gdy wysyłający wciśnie przycisk "wróć" w przeglądarce to pojawia się wypełniony przed chwilą formularz a kod z obrazka nie zmienia się. Jak zmusić go do zmiany i jak wyczyścić dane? Na razie rozwiązałem to lamersko wstawiając niewidoczny dla oglądającego kod z obrazka na stronie kontkat_ok.html i wymuszając jego zmianę w ten sposób ale chciałbym to porządnie zrobić.

Hej, Formumowicze!

Nikt mi nie podpowie jak poprawić ten formularz?! Przecież to pewnie kwestia jednej linijki kodu! Pomóżcie amatorowi PHP! rolleyes.gif
thek
8.08.2010, 11:30:19
Zmusić można dodając losowy ciąg na koniec obrazka. Spróbuj coś w stylu src="/ścieżka/do/obrazka.jpg?ciąglosowy". A dane przy użyciu wstecz i tak najczęściej uzupełnia sama przeglądarka, więc tutaj trudno coś pomóc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.