validering af radio knapper og tekstfelt
Jeg har en formular som bl.a. indeholder en række radio knapper således:<TABLE BORDER="0">
<TR>
<TD width="120">Beliggenhed<FONT COLOR="#6CAEDF">*</FONT></TD>
<TD width="2">:</TD>
<TD><INPUT TYPE="text" SIZE="60" MAXLENGTH="240" NAME="beliggenhed" class="tekstfelt"></TD>
</TR>
<TR valign="top">
<TD width="120">Anvendelse<FONT COLOR="#6CAEDF">*</FONT></TD>
<TD width="2">:</TD>
<TD>
<input name="type_art" type="radio" value="1" onclick="document.getElementById('skjulVis').style.display=(this.checked)?'none':'block'"> 1<br>
<input name="type_art" type="radio" value="2" onclick="document.getElementById('skjulVis').style.display=(this.checked)?'none':'block'"> 2<br>
<input name="type_art" type="radio" value="3" onclick="document.getElementById('skjulVis').style.display=(this.checked)?'none':'block'"> 3<br>
<input name="type_art" type="radio" value="4" onclick="document.getElementById('skjulVis').style.display=(this.checked)?'none':'block'"> 4<br>
<input name="type_art" type="radio" value="5" onclick="document.getElementById('skjulVis').style.display=(this.checked)?'block':'none'"> 5
</TD>
</TR>
<TR id="skjulVis" style="display:none;">
<TD width="120">Oplys anvendelse<FONT COLOR="#6CAEDF">*</FONT></TD>
<TD width="2">:</TD>
<TD><INPUT TYPE="text" SIZE="60" MAXLENGTH="240" NAME="type_art_andet" class="tekstfelt"></TD>
</TR>
</TABLE>
Jeg har så en validering som checker om der nu også er valgt en radioknap:
<script type="text/javascript">
// formular tjek start
function tjek_bestilling(){
var tjek = document.bestilling;
var isChecked = false;
for (var i=0; bestilling.type_art.length>i; i++) if (bestilling.type_art[i].checked == true) isChecked = true;
if (!isChecked)
{
alert('Du skal oplyse anvendelse');
return false;
}
return (true);
}
</script>
Alt dette virker fint.
Hvordan udvider jeg denne validering således, at hvis man vælger radioknap nr. 4, så skal den checke om tekstfeltet også er udfyldt, ellers ikke.
Da opgaven haster lidt er der 200 point i puljen
/Goose
