Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> formularz kontaktowy z wymaganiem ilości znaków w polach - problem
MK2
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 6.08.2010

Ostrzeżenie: (0%)
-----

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


Ten post edytował MK2 6.08.2010, 17:41:47
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa
Proszę dodać BBcode .
Go to the top of the page
+Quote Post
MK2
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 6.08.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
thek
post
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
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.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 07:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn