Here, two ListBox rules are verified as an example:
• Verification required
• The selection range is from 0 ~ Four Items
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: ListBox ID = "lstCar" runat = "server" Rows = "5" SelectionMode = "Multiple">
<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: ListBox>
</Td>
</Tr>
<Tr>
<Td>
<Asp: Button ID = "btnSubmit" runat = "server" Text = "Submit"/>
</Td>
</Tr>
</Table>
</Fieldset>
<Div id = "message" class = "alertmsg">
</Div>
</Div>
</Form>
Script code:Copy codeThe Code is as follows: <Title> Recipe17 </title>
<Script type = "text/javascript" src = "Scripts/jquery-1.4.1-vsdoc.js"> </script>
<Script type = "text/javascript" src = "Scripts/jquery. validate. js"> </script>
<Script type = "text/javascript">
$ (Function (){
$ ("# Form1"). validate ({
Rules :{
LstCar: {required: true, rangelength: [0, 4]}
},
Messages :{
LstCar: {required: "select at least one type of car! ",
Rangelength: "The selection range is 0 to four types of cars! "
}
},
ErrorLabelContainer: $ ("# message ")
});
});
</Script>
<Style type = "text/css">
. Alertmsg
{
Color: # FF0000;
}
</Style>
</Head>
Interface effect: