First, check the interface code:
Copy codeThe Code is as follows: <form id = "form1" runat = "server">
<Div align = "center">
<Fieldset style = "width: 350px; height: 200px;">
<Table border = "0" cellpadding = "3" cellspacing = "3">
<Tr>
<Td>
Select the car type:
</Td>
</Tr>
<Tr>
<Td>
<Asp: CheckBoxList ID = "chkCar" runat = "server">
<Asp: ListItem Value = "1" Text = "Mercedes Benz"> </asp: ListItem>
<Asp: ListItem Value = "2" Text = "BMW"> </asp: ListItem>
<Asp: ListItem Value = "3" Text = "Audi"> </asp: ListItem>
<Asp: ListItem Value = "4" Text = ""> </asp: ListItem>
<Asp: ListItem Value = "5" Text = "Toyota"> </asp: ListItem>
</Asp: CheckBoxList>
</Td>
</Tr>
<Tr>
<Td>
<Asp: Button ID = "btnSubmit" runat = "server" Text = "Submit"/>
</Td>
</Tr>
</Table>
</Fieldset>
<Asp: CustomValidator ID = "ctvCar" runat = "server" Display = "Dynamic" ErrorMessage = "select at least three vehicles! "
ForeColor = "Red" ClientValidationFunction = "ctvCar_Validation"> </asp: CustomValidator>
</Div>
</Form>
CustomValidator:
ErrorMessage: sets the verification prompt information.
Display: sets the Display mode. Dynamic indicates that the current position is not occupied when the prompt message is not displayed.
ClientValidationFunction: sets the custom client verification function.
Client script code:Copy codeThe Code is as follows: <Title> Recipe15 </title>
<Script type = "text/javascript" src = "Scripts/jquery-1.4.1-vsdoc.js"> </script>
<Script type = "text/javascript">
Function ctvCar_Validation (sender, args ){
// The CustomValidator control determines whether the parameter args attribute IsValid of the custom function is verified.
Args. IsValid = ($ ("# chkCar input: checked"). length> = 3 );
}
</Script>
</Head>
Final display effect: