Validering af checkboxes - vælg mindst én

Fordi du negerer de individuelle "checked", skal du bruge && - lige nu står der HVIS (E2_1 IKKE er checked) ELLER (E2_2 IKKE er checked).

Havde du ventet med negeringen til sidst, havde || været korrekt:

if(!(document.form.E2_1[0].checked || document.form.E2_2[0].checked))

HVIS IKKE (E2_1 er checked ELLER E2_2 er checked)

tak, pidgeot.

Jeg har indsat nedenstående kode, men får alligevel lov til at submitte siden!

<script language="javascript">
function isReady(form)
{
    if(!(document.form.E2_1[0].checked || document.form.E2_2[0].checked))
    {
    alert("Please check at least one of the reasons");
    return false;
    }
    return true;
}
</script>

Hvordan ser dit form-tag ud?

<form name="form" method="post" action="../data/E_2_data.asp" onSubmit="return isReady(this)">

<input name="E2_1" type="checkbox" value="Yes">
<input name="E2_2" type="checkbox" value="Yes">

Jeg ville nok anbefale at give formen et andet name.

Og du får ikke vist din alert? Ændrer det ved noget hvis du bruger form i stedet for document.form (begge dele bør egentlig virke hvis jeg husker ret, men da du jo har den ønskede form som parameter, så det vil være pænere at bruge den)? Har du evt. mulighed for at fremvise siden?

(Husk også at JavaScript-validering altid bør supplementeres med server-side validering, så man er sikker på valideringen foretages)

Jeg har prøvet at ændre til nedenstående, men promptes fortsat ikke, når jeg ikke har valgt mindst én af de to bokse.

<script language="javascript">
function isReady(form_kic)
{
    if(!(document.form_kic.E2_1[0].checked || document.form_kic.E2_2[0].checked))
    {
    alert("Please check at least one of the reasons");
    return false;
    }
    return true;
}
</script>
</head>


<form name="form_kic" method="post" action="../data/E_2_data.asp" onSubmit="return isReady(this)">

har lavet denne kode, som virker efter hensigten:

<script language="javascript">
function isReady(form)
{
    if (document.form.E2_1.checked == false && document.form.E2_2.checked == false)
    {
    alert("Please check at least one of the reasons");
    return false;
    }
    return true;
}
</script>

ravnkilde.
vil sige du laver en variabel hvor du gemmer din false / true

altså .

var valid = true; (det den er som defualt)

og hvis der er fejl, så.

valid = false.


til sidst istedet for "return true" så tager du:
return valid;

håber det hjalp :)

-- mens formens navn er da fuldstændig ligegyldig:

<script type="text/javascript">
function isReady(f)
{
    if (!f.E2_1.checked && !f.E2_2.checked)
    {
    alert("Please check at least one of the reasons");
    return false;
    }
    return true;
}
</script>

-- deter ovenikøbet direkte en fejl at referere til document-objektet, når selve formen medsendes som parameter, jeg ville da godt nok også have svært ved at finde rundt i, hvad 'form' refererer til, når der lige pludselig er tre forskellige objekter, der kan være mulig resultat af den reference !-)