JavaScript: Formular nur bei aktivierter Checkbox senden

[fingon]

Ich möchte, dass ein Formular nur verschickt wird, wenn eine Checkbox aktiviert ist.

Folgendes habe ich bisher:

Die Funktion:

<script language="javascript">
  <!--
  function ValidateFields() {
  if (document.formular.dieCheckbox.checked);
  else alert("Checkbox nicht aktiviert");
  }
  // -->
</script>

Im HTML-Formular:

<form...>
...
<input type="checkbox" name="dieCheckbox" value="gelesen">Checkbox
<input type=submit value="Senden" onclick="ValidateFields();">

Wenn nun die Checkbox nicht aktiviert ist und auf Senden geklickt wird, kommt auch die Meldung "Checkbox aktivieren!", aber das Formular wird trozudem abgeschickt. Wie kann ich das verhindern?

Danke

Meine Javascript-Kenntnisse sind ziemlich schlecht, aber vlt hilft dir das: Prevent the Default Action for an Event
Da würde ich mir ganz unten die Funktion stopEvent(e) rauskopieren und dann bei dir in etwa so einbauen (Code ist ungetestet):

<script language="javascript">
  <!--
  function ValidateFields(e) {
  if (document.formular.dieCheckbox.checked);
  else 
    {
        alert("Checkbox nicht aktiviert");
        stopEvent(e);
     }
  }
  // -->

function stopEvent(e) {
	if(!e) var e = window.event;
	
	//e.cancelBubble is supported by IE - this will kill the bubbling process.
	e.cancelBubble = true;
	e.returnValue = false;

	//e.stopPropagation works only in Firefox.
	if (e.stopPropagation) {
		e.stopPropagation();
		e.preventDefault();
	}
	return false;
}
</script>

[fingon]

Hab das Problem mittlerweile selbst gelöst. Musste in meiner Funktion nur einen Boolean zurückgeben.

Wäre schön wenn Du für andere dann auch die genaue Lösung angeben könntest.

Habe das gleiche Problem und bin jetzt leider genauso schlau wie vorher, wenn Du die Lösung nicht angibst.

Peter

[kurtextrem]

Hallo,
@Gast: Einfach

<form onsubmit="return validateFields();">
...
<label><input type="checkbox" name="dieCheckbox" value="gelesen">Checkbox</label>
<button>Senden</button>
...

und Javascript dazu:

<script>
  function validateFields() {
  if (document.formular.dieCheckbox.checked) return true;
  else{ alert("Checkbox nicht aktiviert"); return false; }
  }
</script>

Ich hoffe es geht!

Liebe Grüße,
Kurt