How do I validate controls inside a repeater?

Alan Silver · Aug 27, 2007

Hello,

I have a repeater that is being used to show products from a database.
Inside the ItemTemplate is a DropDownList, that contains the numbers
0-5. The user can use this to set the quantity of that product that they
wish to order.

I want to be able to do client-side validation on the quantities when
the order button is clicked. The problems are:

1) I don't know in advance how many products there will be. I tried
getting around this by writing a Javascript variable from the
server-side script and using that as the "for" limit, like this...

<script type="text/javascript">
nprods = <%= nProds %>;
for (i=0; i<nprods; i++) {
// stuff here
}
</script>

....but this gave an error because the <head> tag has a runat="server"
attribute, and the two don't seem to go together. I tried using <%# %>
instead of <%= %> (as suggested in many places), but it didn't help.

2) I also don't know what the dropdown controls will be named in
advance.

Anyone any ideas how to get around this? TIA

Sherif Elmetainy · Aug 27, 2007

Use a compare Validator as shown below. This code assumes that the maximum
quantity is a field called MaxQuantity in your repeater's datasource. Also
doesn't show how to fill the DropDownList.

<asp:Repeater runat="server" ID="MyRepeater" >
<ItemTemplate>
<asp

ropDownList runat="server" ID="Quantity" />
<asp:CompareValidator runat="server"
ControlToValidate="Quantity" Type="Integer" ValueToCompare='<%#
Eval("MaxQuantity") %>' Operator="GreaterThanEqual" Text="Your validator
message" />
</ItemTemplate>
</asp:Repeater>

Regards,
Sherif

Alan Silver · Aug 27, 2007

Hello,

Thanks for that, but I just realised that I didn't explain the problem
totally. I am only interested in ensuring that they order something.
They don't necessarily have to order every product, just as long as they
order at least one product overall.

So the validator has to run outside of the repeater, and has to know how
to get at the child controls inside the repeater. That's where I was
getting stuck, see the original post.

The quantities dropdown will be static, such as...

<asp

ropDownList ID="drpQuantity" runat="server">
<asp:ListItem Text="0" />
<asp:ListItem Text="1" />
<asp:ListItem Text="2" />
<asp:ListItem Text="3" />
<asp:ListItem Text="4" />
<asp:ListItem Text="5" />
</asp

ropDownList>

....so no need to worry about that bit.

Thanks for the reply. Any further help appreciated.

Sherif Elmetainy said:
Use a compare Validator as shown below. This code assumes that the maximum
quantity is a field called MaxQuantity in your repeater's datasource. Also
doesn't show how to fill the DropDownList.

<asp:Repeater runat="server" ID="MyRepeater" >
<ItemTemplate>
<aspropDownList runat="server" ID="Quantity" />
<asp:CompareValidator runat="server"
ControlToValidate="Quantity" Type="Integer" ValueToCompare='<%#
Eval("MaxQuantity") %>' Operator="GreaterThanEqual" Text="Your validator
message" />
</ItemTemplate>
</asp:Repeater>

Regards,
Sherif

Sherif Elmetainy · Aug 27, 2007

There you go

<script type="text/javascript">
var quantityLists = new Array();
function ValidateQuantity(sender, args) {
for(i = 0; i < quantityLists.length; i++) {
if(quantityLists.selectedIndex > 0) {
args.IsValid = true; return;
}
}
args.IsValid = false;
}
</script>
<asp:Repeater runat="server" ID="MyRepeater">
<ItemTemplate>
<aspropDownList runat="server" ID="drpQuantity" />
<script type="text/javascript">
quantityLists.push(document.getElementById('<%#
Container.FindControl("drpQuantity").ClientID %>')); </script>
</ItemTemplate>
</asp:Repeater>
<asp:CustomValidator runat="server" ID="customValidator"
ClientValidationFunction="ValidateQuantity" Text="Validation Message" />

Alan Silver said:

Hello,

Thanks for that, but I just realised that I didn't explain the problem
totally. I am only interested in ensuring that they order something. They
don't necessarily have to order every product, just as long as they order
at least one product overall.

So the validator has to run outside of the repeater, and has to know how
to get at the child controls inside the repeater. That's where I was
getting stuck, see the original post.

The quantities dropdown will be static, such as...

<aspropDownList ID="drpQuantity" runat="server">
<asp:ListItem Text="0" />
<asp:ListItem Text="1" />
<asp:ListItem Text="2" />
<asp:ListItem Text="3" />
<asp:ListItem Text="4" />
<asp:ListItem Text="5" />
</aspropDownList>

...so no need to worry about that bit.

Thanks for the reply. Any further help appreciated.

Click to expand...

Alan Silver · Aug 28, 2007

Thanks, that's exactly what I needed!

Sherif Elmetainy said:
There you go

<script type="text/javascript">
var quantityLists = new Array();
function ValidateQuantity(sender, args) {
for(i = 0; i < quantityLists.length; i++) {
if(quantityLists.selectedIndex > 0) {
args.IsValid = true; return;
}
}
args.IsValid = false;
}
</script>
<asp:Repeater runat="server" ID="MyRepeater">
<ItemTemplate>
<aspropDownList runat="server" ID="drpQuantity" />
<script type="text/javascript">
quantityLists.push(document.getElementById('<%#
Container.FindControl("drpQuantity").ClientID %>')); </script>
</ItemTemplate>
</asp:Repeater>
<asp:CustomValidator runat="server" ID="customValidator"
ClientValidationFunction="ValidateQuantity" Text="Validation Message" />

[C++] Pointers declared inside a function, how do I manage them?	5	May 3, 2023
How do I make this craftinfsystem Work	1	Feb 9, 2023
How do I position these parts?	4	Jan 6, 2024
How do I open PLINK with R studio	0	Nov 16, 2023
How do I call the exact function on page load?	6	May 19, 2023
How do I output a function with a parameter argument?	6	Dec 18, 2022
How do i convert a Chinese DAT file from a game I play	2	Feb 4, 2022
Changing styles inside shadow-root	2	Jan 8, 2024

How do I validate controls inside a repeater?

Alan Silver

Sherif Elmetainy

Alan Silver

Sherif Elmetainy

Alan Silver

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads