Forum PHP.pl

Witam,
Od trzech dni próbuję wstawić validację do formularza z mizernym skutkiem.
Chciałbym aby trzeba było podać poprawnego maila, i checkbox (zgoda na wysyłąnie sybskrypcji) aby był wymagany zaznaczony.
Starałem się kombinować z JavaScript i nie działało, php nie może być, zresztą strona jest w html i nie ma możliwości jego zmiany :-(

Kod daję czysty bo walidację jakich nie wstawiałem to nie było najmniejszej różnicy, nie wiem może użyć całkiem innego formularza?

[HTML] pobierz, plaintext 
<p align="center"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><center>Zapisz się by otrzymywać informację ...... </center></font></b><br>
 
</p><center>
  <form method=POST action=form2mail.php>
  <table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tr>
      <td><table width="600" border="0" align="center" cellpadding="3" cellspacing="1">
        <tr bgcolor="#000000">
        <center>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> Imię<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
          <br>  <input name="name" type="text" id="name">
          </font></td>
        </tr>
         <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>Nazwisko<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>     <input name="nazwisko" type="text" id="nazwisko">
          </font></td>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> Adres e-mail<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>     <input name="email" type="text" id="email">
          </font></td>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>  Zgadzam się na otrzymywanie <br>drogą e-mail  informacji o nowościach <br>   i promocjach w ofercie.  </font></td>
	  <td align="center">         
                <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
          <br>   <input name="zgoda" type="checkbox" id="zgoda" value="Tak">
            TAK<font  color="green" >*</font></td>
        </tr>
    <tr bgcolor="#000000">
          <td align="right"><font  size="2" face="Verdana, Arial, Helvetica, sans-serif">dodatkowe:</font></td>
          <td align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
            <textarea name="motocykl" cols="40" rows="6" id="motocykl"></textarea>
          </font></td>
        </tr>
        <tr bgcolor="#000000">
       <br>  <br>   <td colspan="2" align="center"><center><br><input type="submit" name="Submit" value="Wyślij"></td>
        </tr> <br>  <br>  <br>
 
      </table>
[HTML] pobierz, plaintext 

Formularz nie ma nic do tego. Czemu tu nie wrzucasz ciapków -> <form method="POST" action="form2mail.php">
Jak chcesz robić walidację w JS to napisz sobie funkcję a następnie ją podepnij pod zdarzenie onsubmit formularza jeśli dane są ok to zwracasz true w przeciwnym wypadku false

Wstawiłem w HEAD:

[PHP] pobierz, plaintext 
	<script type="text/javascript">
<!--
 
 
function email_validate(src)
{
  var reg = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
  return reg.test(src);
}
 
// -->
</script>
[PHP] pobierz, plaintext 

Następnie:

[PHP] pobierz, plaintext 
 <form method=POST action=form2mail.php onsubmit="if(email_validate('mail@mail.pl')){submit();}">
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<td colspan="2" align="center"><center><br><input type="button" name="Submit" value="Wyślij">
       <input type="submit" id="sprawdz" onclick="if(email_validate('mail@mail.pl')){submit();}">
[PHP] pobierz, plaintext 

Wstawiłem nawet dwa przyciski aby sprawdzić i nich z tego, wklejałem to wszędzie i pisałem onclick oraz onsubmit różne kombinacje :-(

Co to za dziwne kombinacje. Dajesz:
onsubmit="email_validate(document.getElementById('email').value)"

Dobra zmieniłem na to co podałeś :-)
Poniżej jak to wygląda w sekcji head:

[PHP] pobierz, plaintext 
<script type="text/javascript">
<!--
function email_validate(src)
{
  var reg = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
  return reg.test(src);
}
 
// -->
</script>
[PHP] pobierz, plaintext 

Oraz poniżej (niestety nic się nie dzieje jak jest type: button i onclick a gdy jest submit i onsubmit to poprostu wysyla maila nawet puste pole):

[PHP] pobierz, plaintext 
 <form method=POST action=form2mail.php onclick="email_validate(document.getElementById('email').value)">
  <table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tr>
      <td><table width="600" border="0" align="center" cellpadding="3" cellspacing="1">
        <tr bgcolor="#000000">
        <center>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> Imię<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
          <br>  <input name="name" type="text" id="name">
          </font></td>
        </tr>
         <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>Nazwisko<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>     <input name="nazwisko" type="text" id="nazwisko">
          </font></td>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> Adres e-mail<font  color="green" >*</font>: </font></td>
          <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
        <br>     <input name="email" type="text" id="email">
          </font></td>
        </tr>
        <tr bgcolor="#000000">
          <td align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>  Zgadzam się na otrzymywanie <br>drogą e-mail  informacji.  </font></td>
	  <td align="center">         
                <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
          <br>   <input name="zgoda" type="checkbox" id="zgoda" value="Tak">
            TAK<font  color="green" >*</font></td>
        </tr>
    <tr bgcolor="#000000">
          <td align="right"><font  size="2" face="Verdana, Arial, Helvetica, sans-serif">Inne:</font></td>
          <td align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
            <textarea name="inne" cols="40" rows="6" id="inne"></textarea>
          </font></td>
        </tr>
        <tr bgcolor="#000000">
       <br>  <br>   <td colspan="2" align="center"><center><br><input type="button" name="button" value="Wyślij">
 
       </td>
        </tr> <br>  <br>  <br>
 
      </table>
[PHP] pobierz, plaintext 

Spróbuj:

[JAVASCRIPT] pobierz, plaintext 
<form method="POST" action="form2mail.php" onsubmit="return email_validate(document.getElementById('email').value);"
[JAVASCRIPT] pobierz, plaintext 

Sprawdzanie jakichkolwiek danych wyłącznie przy pomocy JS i poleganie na ich prawidłowości, to delikatnie umując naiwność. Stwórz sobie nowy prosty formularz, bez setek zbędnych tagów, zwykły input i jeden checkbox zamknięte w form z action="post" i na tym próbuj.

Sprawdzić, czy adres e-mail jest poprawny powinieneś funkcją:
preg_match

Sprawdzenie, czy checkbox jest zaznaczony:
isset

np. if(isset($_POST['checkbox_name']) { //do... }

Do validatcji po stronie klienta proponuję używać jquery.validate. Dodatkowo wypadałoby zaimplementować sprawdzanie pól po stronie serwera - tak jak radzi mój przedmówca.

Nie zajmuję się pisaniem witryn dlatego też niewiele rozumiem z poprzednich postów, zadowolę się komunikatem przy źle wypełnionym polu na maila oraz przy braku zaznaczenia checkboxa.
Działa już to że bez wpisanego poprawnie maila nie działa poprostu przycisk wyślij, można klikać i nic się nie dzieje ale gdy wpiszemy maila poprawnie to wysyła.
Prosiłbym o pomoc we wstawieniu alertu, tzn co dopisac w headzie, próbowałem coś wyszukać ale źle wstawiam to na pewno.
Oraz o pomoc gdzie wstawić if(isset($_POST['checkbox_name']) { //do... }
Wstawiłem już:

[PHP] pobierz, plaintext 
    <script type="text/javascript">
    <!--
 
 
    function email_validate(src)
    {
    var reg = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
    return reg.test(src);
    }
 
    // -->
    </script>	
[PHP] pobierz, plaintext 

oraz:

[PHP] pobierz, plaintext 
<form method="POST" action="form2mail.php" onsubmit="return email_validate(document.getElementById('email').value);"
[PHP] pobierz, plaintext 

P.S. Jestem wdzięczny że jeszcze nikt mnie nie "zmasakrował" za stan wiedzy....
Pozdrawiam, i dziękuję bo jest już krok do przodu, dzięki Wam

Tyle, że ja pisałem o PHP, a ty piszesz w JavaScripcie. Kolega powyżej dobrze doradził Ci jQuery, bo po prostu oszczędzi ci to wiele pracy i frustracji. Jak nie teraz, to kiedyś. Jeżeli w head dodasz:
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
to spradzenie checkboxa będzie mogło wyglądać np. tak:

Alert możesz stosować dla siebie, przy testowaniu, natomiast publikując już stronę lepiej byłoby ten komunikat wyświetlić nad formularzem. Przed twoim <form> dodaj np. <div id="msg"></div> a wtedy //do... zamień na:


Ten post edytował DiH 25.07.2011, 11:57:34

Niestety wstawiłem ale nic się nie dzieje, przypuszczam że sporo błędów ma sam szablon strony. Problem w tym że niewiele można w nim zmienić czy go też pokazać na forum, nie należy do mnie....
Wstawiłem też to do heada: <script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
Wstawiłem do head:

[PHP] pobierz, plaintext 
 var isChecked = $('#checkBox').attr('checked');
if(isChecked != 'checked') {
 $("#msg").text("Proszę zaznaczyć... bla bla");
}
 
[PHP] pobierz, plaintext 

I przed form jest:
<div id="msg"></div>
Niestety nic sie nie dzieje jak jest email to wysyła wiadomość a jak nie ma to nic sie nie dzieje

Co dopisać do kodu z emaila aby pojawial sie nad komentarzem napis, coś jak do checkboxa, rzeczywiście jest to ciekawe rozwiązanie.
Niestety jestem zbyt toporny jak widac nie jestem w stanie samemu tego zrobic.

Kod, który ja napisałem to JS, a więc musisz go wrzucić pomiędzy <script type="text/javascript"></script>

Niech Pan ściągnie tą bibliotekę ze strony http://code.jquery.com/jquery-1.6.1.min.js i wklei
do folderu gdzie znajduje się Pana stronka/projekt.
Następnie :
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript">
zmienić na:
<script src="c:/mójFolderStrony/jquery-1.6.1.min.js" type="text/javascript">

Jeżeli testuje to będąc podłączonym do internetu, to co za różnica? Jedynie w czasie dostępu.