<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="/App_Themes/Default/style.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery.js" type="text/javascript"></script> <script src="/Scripts/jquery.validate.js" type="text/javascript"></script> </head> <body> <form id="aspnetForm" runat="server"> <div> 年龄：<asp:TextBox ID="txtAge" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="需要验证" /> <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="无须验证" /> </div> </form> <script type="text/javascript"> //绑定表单验证 function NeedValidate() { $("#aspnetForm").validate({ rules: { txtAge: "required" }, messages: { txtAge: "名称不能为空!" } }); } //取消表单验证 function NoValidate() { $("#txtAge").rules("remove"); //如果有多个 依次取消 } $(function () { //给需要验证的控件为表单绑定验证 $("#Button1").click(function () { NeedValidate(); }); //不需要验证的控件 取消验证绑定 $("#Button2").click(function () { NoValidate(); }); }); </script> </body> </html>