Weryfikacja formularza Opcje

[gregi1]

Mam problem, bo nie znam się kompletnie na js, a to zapewne jest dość proste, wiec licze na waszą pomoc.
Otóż mam formularz z jednym polem tekstowym, jednym checkboxem i przyciskiem wyślij.

I chciałbym aby jak ktoś kliknie "wyślij" i nie zaznaczył checkboxa, aby się to nie wysłało i aby napis(Chcę newsletter) obok chceckboxa zrobił się czerwony z dopiskiem pole obowiązkowe. Zależy mi na js, bo w php musiałbym przeładować stronę, a nie chcę tego robic.

Mój szkic kodu wygląda tak:

[HTML] pobierz, plaintext 
<form method="post" action="abc.php">
 
    <tr>
      <td>adres e-mail</td>
      <td><input type="text" name="s_email" value="" onFocus="select()" />
      </td>
    </tr>
    <tr>
 
      <td><input name="zgoda" type="checkbox" id="zgoda" value="" /></td><td>Chcę newsletter</td>
    </tr>
    <tr>
      <td colspan="3" align="right"><input type="submit" name="Submit" value="wyślij" />
      </td>
    </tr>
  </form>
[HTML] pobierz, plaintext 

[gregi1]

Napisałem sobie, coś takiego....
Czy mógłby ktoś to zweryfikować czy to będzie działać? Albo ewentualnie powiedzieć co jest nie tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
document.getElementById('buttonWyslij').onclick = function() {
		var formularz = document.getElementById('Formularz');
		var email = document.getElementById('email');
		var errorSpanEmail = this.nextSibling;
		var WzorMaila = /^[0-9a-z_.-]+@[0-9a-z.-]+\.[a-z]{2,3}$/i
		var Checkbox= document.getElementById('checkbox')
		var errorSpanCheckbox = this.nextSibling;
		var WzorCheckbox = document.getElementById('checkbox').checked
 
			if ((WzorCheckbox.test(checkbox.value))&&(wzorMaila.test(email.value)))
 
			{
        formularz.submit()
 
			} else {
					if (!WzorMaila.test(email.value)) {
						errorSpanEmail.style.display = "inline"
					}else {
                errorSpanEmail.style.display = "none";
					}
 
					if (!WzorCheckbox.test(checkbox.value)) {
						errorSpanCheckbox.style.display = "inline"
					}else {
                errorSpanCheckbox.style.display = "none";
					}
 
    }
}
 
 
 
</script>
 
 
 
<form name="formularz" method="post" action="">
 
<input type="checkbox" name="checkbox"><span class="zleDane">źle</span>
<input type="text" name="email" id="email" value="" /><span class="zleDane">źle</span>
 
<input type="image" src="obrazekGuzikaWyslij" id="buttonWyslij" />
 
</form>
[HTML] pobierz, plaintext 

Ten post edytował gregi1 24.06.2011, 12:46:51