m-group">
<asp:Label runat="server" AssociatedControlID="Password" CssClass="col-md-2 control-label">Password</asp:Label>
<div class="col-md-10">
<asp:TextBox runat="server" ID="Password" TextMode="Password" CssClass="form-control" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="text-danger" ErrorMessage="The password field is required." />
</div>
</div>
<div class="form-group">
<%-- <asp:Image ID="Image1" runat="server" CssClass="col-md-2 control-label" ImageUrl="BackHandler/WebFormVerifyCodeHandler.ashx" />--%>
<img alt="看不清,换一张" class="col-md-2 control-label" src="BackHandler/WebFormVerifyCodeHandler.ashx" onclick="this.src = 'BackHandler/WebFormVerifyCodeHandler.ashx?style=type1&ver=' + Math.random()" />
<div class="col-md-10">
<asp:TextBox runat="server" ID="VerifyCode" CssClass="form-control" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="VerifyCode" CssClass="text-danger" ErrorMessage="The VerifyCode field is required." />
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<div class="checkbox">
<asp:CheckBox runat="server" ID="RememberMe" />
<asp:Label runat="server" AssociatedControlID="RememberMe">Remember me?</asp:Label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<asp:Button runat="server" Text="Log in" CssClass="btn btn-default" OnClick="Login_Click" />
</div>
</div>
</div>
<p>
<asp:HyperLink runat="server" ID="RegisterHyperLink" ViewStateMode="Disabled">Register as a new user</asp:HyperLink>
</p>
<p>
<%-- Enable this once you have account confirmation enabled for password reset functionality --%>
<asp:HyperLink runat="server" ID="ForgotPasswordHyperLink" ViewStateMode="Disabled">Forgot your password?</asp:HyperLink>
</p>
</section>
</div>
<div class="col-md-4">
</div>
</div>
</form>
</body>
后端页面使用 protected void Login_Click(object sender, EventArgs e)
{
if (IsValid)
{
var verifyCode = VerifyCode.Text.Trim();
if (string.Compare(Session["validateCode"].ToString(), verifyCode,
StringComparison.OrdinalIgnoreCase) != 0)
{
FailureText.Text = "验证码验证不通过.";
ErrorMessage.Visible = true;
}
else
{
Response.Redirect("Default.aspx");
}
}
}
运行效果
在Asp.Net Mvc使用说明
新建MvcVerifyCodeHandler,并实现抽象类VerifyCodeHandler /// <summary>
/// 处理生成Mvc 程
|