ASP .NET jQuery实例18通过使用jQuery验证插件校验DropDownList

先看界面代码：复制代码代码如下：表单id=' form 1 ' runat=' server ' div align=' center '字段集样式=' width : 350 px'高度： 200像素表格边框='0 '单元格填充='3 '单元格间距='3' tr td请选择汽车类型：/TD/tr/tr TD ASP : dropdownlist ID=' dllCar ' runat=' server ' ToolTip='至少选择一种车！' CssClass='必选as : istitem Value=' Text='-请选择-'/asp: istitem asp: istitem Value=' 1 ' Text='奔驰汽车/asp3360 istitem asp: istitem值='2 '文本='宝马汽车/asp3360 istitem asp: istitem值='3 '文本='奥迪汽车/asp3360 istitem asp: istitem值='4 '文本='现代汽车/asp3360 istitem asp: istitem值='5 '文本='丰田汽车/ASP 3360 istitem/ASP 3360 dropdownlist/TD/tr TD ASP 3360按钮ID=' BTN提交' runat='服务器' Text='提交//TD/tr/table/field set div id=' message ' class=' alertmsg '/div/div/form DropDownList控件属性工具提示会转换为标题，标题的值可以作为校验规则需要的提示信息，属性CssClass的值需要就指定了插件的校验规则。脚本代码：复制代码代码如下： head id=' head 1 ' runat=' server ' title食谱18/title脚本类型=' text/JavaScript ' src=' http : scripts/jquery-1。4 .1-vsdoc。js /脚本脚本类型=' text/JAVAScript ' src=' http 3360脚本/jquery。验证。js /脚本脚本类型=' text/JavaScript ' $(function(){ $(' # form 1 ')).验证({ errorlabelcontainer : $(' # message ')})；});/script style type='text/css ' .alertmsg { color: # FF0000}/样式/头部显示效果

另外如果不设置DropDownList的属性工具提示和CssClass，脚本代码改为如下，也可以实现同样的效果：复制代码代码如下：脚本类型=' text/JavaScript ' $(function(){ $(' # form 1 ')).验证({ rule s : { dllcar : }必需' },消息： { dllCar: '至少选择一种车!'}，errorlabelcontainer : $(" # message ")})；});/script