Custom Validator for a checkboxlist control – Strange behavior.

I

Itai

I am attempting to create a Custom Validator client script for a
checkboxlist control.
My goal is to limit the total number of selections to be 1 - 5 at
most.
My problem is that I get a null reference when I attempt to retrieve
an object for an individual
list item, which of course results in an "object required" error
message.

Anyone know what to do? tnx in advance

-Itai.



Here is the code:


<HEAD>

....


<script language="JavaScript">

function ChkMusicTasteSelection(source, arguments) {

var t = 0;

for(var i = 0; i < 31; i++) {

var chkbx = document.all.item("musicTaste_" + i);

// document.write(chkbx) --> null (getElementById() produces the
same effect)

if(chkbx.checked == true){
t++;
}
}

if((t <= 5) && (t >= 1)) {

arguments.IsValid = true;
}
else {
arguments.IsValid = false
}
}
}

</script>

</HEAD>


<body>
<form id="Form1" method="post" runat="server">

...


<TD style="HEIGHT: 188px"><asp:checkboxlist id="musicTaste"
runat="server"
Width="640px" RepeatColumns="5" RepeatDirection="Horizontal">

<asp:ListItem Value="1">60's</asp:ListItem>
<asp:ListItem Value="2">70's</asp:ListItem>
<asp:ListItem Value="3">80's</asp:ListItem>

...




Rendered Output: (browser ie6sp1)


<TD style="HEIGHT: 188px"><table id="musicTaste" border="0"
style="width:640px;">
<tr>
<td><input id="musicTaste_0" type="checkbox" name="musicTaste:0"
/><label for="musicTaste_0">60's</label></td>
<td><input id="musicTaste_1" type="checkbox" name="musicTaste:1"
/><label for="musicTaste_1">70's</label></td>
<td><input id="musicTaste_2" type="checkbox" name="musicTaste:2"
/><label for="musicTaste_2">80's</label></td>

...
 
T

Teemu Keiski

Hi,

first of all, the code for client-side validation function had one closing
curly brace too much on the end of the function. Second that do you have 30
or 31 ListItems on CheckBoxList? Note that indexing starts for ids at zero,
so could it be that the loop should be:

///
for(var i = 0; i < 30; i++) {
....
}
///

And third, I used just this for referencing each individual checkbox:

///
var chkbx = document.all["musicTaste_" + i];
///

but this worked equally:

///
var chkbx = document.getElementById("musicTaste_" + i);
///

So therefore, do check your loop with extra care (and remove the extra
closing curly brace at the end of the function). If you can't otherwise get
what it tries to look for, put

///
alert(chkbx.id);
///

right after the reference for the CheckBox is acquired so that you'löl see
what it tries to look for.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top