2

我有以下 asp.net 代码：

<asp:TextBox CssClass="mf" runat="server" ID="mail1" Width="270" />
<asp:RequiredFieldValidator ID="rfv1" 
                            runat="server" 
                            ControlToValidate="mail1" 
                            Display="Dynamic" />

现在，如果验证即时通过（无回发），我想显示图像（或文本）

我也可以使用 jQuery 解决方案，但如果禁用了 javascript，那就不太安全了。

4

1 回答 1

2

在不依赖外部框架的情况下，您可以利用 ASP.Net 客户端验证框架来处理扩展/高级功能。通过这种方式，您正在使用框架，增强它而不是替换它。

只需要一点点 JavaScript 就可以实现您想要的行为。

<asp:TextBox CssClass="mf" runat="server" ID="mail1" Width="270" OnChange="showValidationImage();" />
<asp:RequiredFieldValidator ID="rfv1" 
                        runat="server" 
                        ControlToValidate="mail1" ClientIDMode="Static"
                        Display="Dynamic" >
    <img src="../Image/fail.jpg" />
</asp:RequiredFieldValidator>
<img id="imgPass" src="../Image/pass.jpg" style="visibility:hidden" />
<script language="javascript">
    // This function will be called whenever the textbox changes
    // and effectively hide or show the image based on the state of
    // the client side validation.
    function showValidationImage() {
        if (typeof (Page_Validators) == "undefined") return;

        // isvalid is a property that is part of the ASP.Net
        // client side validation framework
        imgPass.style.visibility = rfv1.isvalid ? "visible" : "hidden";
    }
</script>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />

请注意，如果您不使用 .Net 4，我正在使用带有 ClientIDMode="Static" 的 ASP.Net 4 的功能，那么您将需要使用标准的<%= rfv1.ClientID %>服务器端包含来获取脚本中的客户端 ID。

于 2010-08-06T17:51:00.693 回答