这节我们还可以通过直接设置DropDownList属性来设置jquery validation插件的校验规则和提示信息先看界面代码： 复制代码 代码如下: form runat="server" div fieldset table cellpadding="3" cellspacing="3" tr td 请选择汽车类型： /td /tr tr td asp:DropDownList runat="server" ToolTip="至少选择一种车！" CssClass="required" asp:ListItem Value="" Text="---请选择---"/asp:ListItem asp:ListItem Value="1" Text="奔驰汽车"/asp:ListItem asp:ListItem Value="2" Text="宝马汽车"/asp:ListItem asp:ListItem Value="3" Text="奥迪汽车"/asp:ListItem asp:ListItem Value="4" Text="现代汽车"/asp:ListItem asp:ListItem Value="5" Text="丰田汽车"/asp:ListItem /asp:DropDownList /td /tr tr td asp:Button runat="server" Text="提交" / /td /tr /table /fieldset div /div /div /form DropDownList控件属性ToolTip会转换为Title， errorLabelContainer: $("#message") }); }); /script ，也可以实现同样的效果： 复制代码 代码如下: script type="text/javascript" $(function () { $("#form1").validate({ rules: { dllCar: "required" }， messages: { dllCar: "至少选择一种车！" }，属性CssClass的值required就指定了插件的校验规则。

脚本代码： 复制代码 代码如下: head runat="server" titleRecipe18/title script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_3395/Scripts/jquery-1.4.1-vsdoc.js"/script script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_3395/Scripts/jquery.validate.js"/script script type="text/javascript" $(function () { $("#form1").validate({ errorLabelContainer: $("#message") }); }); /script style type="text/css" .alertmsg { color: #FF0000; } /style /head 显示效果： 另外如果不设置DropDownList的属性ToolTip和CssClass，脚本代码改为如下，title的值可以作为校验规则required的提示信息，。