✔ Checkbox

[midfield]

hi leute,

hab zwar die suchfunktion benutzt und auch lange gesucht, aber wahrscheinlich bin ich zu dumm.

Ich hab ein Formular, und will am ende des Formulars einen Hinweis platzieren. Daneben eine Checkbox.

folgendes solllte nn überprüft werden:

Formular kann nur gesendet werden wenn die checkbox aktiv ist, also checked.

kann mir bitte jemand sagen wie das geht? bei mir haut`s nicht hin.

danke im vorraus.

cu

Andy

 

[Adam Wille]

<form action="blablubb.cgi" name="formularname" onSubmit="return checkBox();">
// hier weitere Formularelemente
<input type="checkbox" name="checkboxname" value="beliebig">
</form>

müsste in etwa deinem Formular dann so ähneln.
Dann benötigt es noch ein JavaScript, welches prüft:

<script type="text/javascript" language="JavaScript">
<!--

function checkBox() {
    document.formularname.checkboxname.checked ? return true : return false;
}

//-->
</script>

Dann gibt dir die Funktion einen Rückgabewert, der entweder den Submit-Vorgang stattfinden lässt, oder ihn aber abbricht, bevor er überhaupt begonnen hat.

hth,
Geist

 

[midfield]

danke für die antwort. aber es haut bei mir nicht hin.

vielleicht hilft`s ja, wenn ich mein formular zeige:

<form name="anfrage" method="post" action="/cgi-bin/FormMail.pl">
  <INPUT name="recipient" type="hidden" value="mail@server.de">
  <INPUT name="subject" type="hidden" value="Anfrage Homepage">
  <INPUT name="redirect" type="hidden" value="danke.htm">
  <INPUT name="sort" type="hidden" value="order:Name,Telefon,Telefax,email,Strasse,PLZ,Wohnort,Text,Verstanden">
  <table width="100%" border="0">
    <tr> 
      <td width="44%" valign="top" class="fett">Name:</td>
      <td width="56%"><input name="Name" type="text" id="Name" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">Telefon:</td>
      <td><input name="Telefon" type="text" id="Telefon" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">Telefax:</td>
      <td><input name="Telefax" type="text" id="Telefax" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">e-Mail:</td>
      <td><input name="email" type="text" id="email" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">Strasse:</td>
      <td><input name="Strasse" type="text" id="Strasse" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">PLZ:</td>
      <td><input name="PLZ" type="text" id="PLZ" size="9" maxlength="9"></td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">Wohnort:</td>
      <td><input name="Wohnort" type="text" id="Wohnort" size="40" maxlength="40"></td>
    </tr>
    <tr> 
      <td valign="top">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td valign="top" class="flie&szlig;text">Fragen &amp; Anmerkungen:</td>
      <td> <textarea name="Text" cols="37" rows="3" wrap="VIRTUAL" class="flie&szlig;text" id="Text"  ></textarea>
      </td>
    </tr>
    <tr> 
      <td valign="top"><p>Bitte stimmen Sie zu:</p>
        </td>
      <td><input name="Verstanden" type="checkbox" id="Verstanden" value="Ja"></td>
    </tr>
    <tr>
      <td height="26"><input name=Submit onClick=Pruefen(); type=button value=Abschicken> 
      </td>
      <td><input type="reset" name="zurueck" value="Zur&uuml;cksetzen" onClick="return confirm('Formular zurücksetzen?')">
        &nbsp;&nbsp; </td>
    </tr>
  </table>
  </form>

Also hat die Checkbox den Namen "Verstanden" und den aktiven Wert "Ja".


und hier ist mein java-script (allerdings keine überprüfung der checkbox, da ich nicht wusste wie`s geht)

<SCRIPT language=JavaScript>
<!-- 
var fehlerfund = false;

function LaengeOK (objekt, len)
{return (objekt.length >= len);}

function MailOK (objekt)
{if (!LaengeOK(objekt, 5)) return false;
if (objekt.indexOf ('@', 0) == -1) return false;
return true;}

function Fehlermeldung(elem, text)
{if (fehlerfund) return;
window.alert(text);
elem.select();
elem.focus();
fehlerfund = true;}

function Fehlermeldung2(elem, text)
{if (fehlerfund) return;
window.alert(text);
elem.focus();
fehlerfund = true;}

function Pruefen()
{fehlerfund = false;
if (!LaengeOK(document.anfrage.Name.value,5))
Fehlermeldung(document.anfrage.Name,"Bitte geben Sie Ihren Namen an.");
if (!LaengeOK(document.anfrage.Text.value,2))
Fehlermeldung(document.anfrage.Text,"Was können wir für Sie tun? Bitte Frage oder Anmerkung angeben.");

if (fehlerfund == false)
{document.anfrage.submit();}}

//-->
</SCRIPT>

Was muss ich beim script hinzufügen, damit er die checkbox überprüft?

danke,

andy

 

[THE REAL TOOLKIT]

document.anfrage.verstanden.checked ? fehlerfund=false : fehlerfund=true;

 

[midfield]

und wo soll das bitte hin? egal wo&wie ich`s ausprobier.

es geht nicht.

 

[THE REAL TOOLKIT]

eigentlich vor das
if (fehlerfund == false)
{document.anfrage.submit();}}