[HTML] Problem z validacją danych w formularzu, Mijają trzy dni i nadal żadnych postępów.... Opcje

[horn31]

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 

[DiH]

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:

Kod

var isChecked = $('#checkBox').attr('checked');
if(isChecked != 'checked') {
  // do...
}

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:

Kod

$("#msg").text("Proszę zaznaczyć... bla bla");

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