web-jquery-验证

最新推荐文章于 2025-12-15 06:58:03 发布

原创最新推荐文章于 2025-12-15 06:58:03 发布 · 416 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #jquery #javascript

本实验ASP.NET的窗体验证默认采用需要jQuery支持的隐式验证方法，配置步骤如下：

(1）利用NuGet程序包管理器安装jQuery。

（2）建立Global.asax文件（全局应用程序类文件），并在其Application_Start()方法中添加源代码：

ScriptResourceDefinition scriptResDef = new ScriptResourceDefinition();
//设置jQuery提供的JavaScript库路径，其中版本号由安装的jQuery版本号确定
scriptResDef.Path = "~/Scripts/jquery-3.6.0.min.js";
ScriptManager.ScriptResourceMapping.AddDefinition("jquery", scriptResDef);

Compare前端：

密码：<asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox><br />
确认密码：<asp:TextBox ID="txtPasswordAgain" runat="server" TextMode="Password"></asp:TextBox>
<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtPassword" ControlToValidate="txtPasswordAgain">密码与确认密码不一致！
</asp:CompareValidator><br/>
答案：<asp:TextBox ID="txtAnswer" runat="server"></asp:TextBox>
<asp:CompareValidator ID="CompareValidator2" runat="server" ErrorMessage="CompareValidator" ControlToValidate="txtAnswer" ValueToCompare="A">答案错误！
</asp:CompareValidator><br />
金额：<asp:TextBox ID="txtAmount" runat="server"></asp:TextBox>
<asp:CompareValidator ID="CompareValidator3" runat="server" ErrorMessage="CompareValidator" ControlToValidate="txtAmount" Operator="DataTypeCheck" Type="Currency">必须输入Currency类型！
</asp:CompareValidator>

Require前端：

用户名:<asp:TextBox ID="txtName" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName">*</asp:RequiredFieldValidator>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtName" InitialValue="您的姓名">不能与初始值相同！

</asp:RequiredFieldValidator>