zoukankan      html  css  js  c++  java
  • ValidatorCallout控件

    功能:
      ValidatorCallout控件是一个用来绑定验证控件的提示控件,让验证的信息的显示可以更加地直观。

     属性:
        TargetControlID:要绑定的验证控件的ID。
        Width:弹出的提示信息的宽度。
        HighlightCssClass:弹出的提示信息所应用的样式。
        WarningIconImageUrl:弹出信息中的警示图片的地址。

    代码实例:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>ValidatorCallout</title>
        
    <style type="text/css">
        .cssValidatorCalloutHighlight
        
    {
            background-color
    : #F5FF77;
        
    }

        
    </style>
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        
    </ajaxToolkit:ToolkitScriptManager>
           用户名:
    <asp:TextBox ID="TextBoxUserName" runat="server" TextMode="Password" Width="148px"></asp:TextBox>
         
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxUserName"
               Display
    ="None" ErrorMessage="姓名不能为空<br>请输入姓名"></asp:RequiredFieldValidator><br />
            密 
    &nbsp;&nbsp; 码:<asp:TextBox ID="TextBoxPassword" runat="server" TextMode="Password" Width="148px"></asp:TextBox>
            
    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBoxPassword"
                Display
    ="None" ErrorMessage="密码不能为空,请输入密码"></asp:RequiredFieldValidator>

     
    <ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server"
               TargetControlID
    ="RequiredFieldValidator1" HighlightCssClass="cssValidatorCalloutHighlight"  >
            
    </ajaxToolkit:ValidatorCalloutExtender>
            
    <ajaxToolkit:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server"
               TargetControlID
    ="RequiredFieldValidator2" >
            
    </ajaxToolkit:ValidatorCalloutExtender>
      
        
    </form>
    </body>
    </html>

    运行结果:
            
  • 相关阅读:
    【硬件】组装一台多核电脑
    【硬件】组装电脑前的准备工作
    【长知识】设计多核电脑装机方案
    【长知识】认识电脑的硬件组成
    程序员必备基础:如何安全传输存储用户密码?
    二本应届生的大学生活、2020年总结(已上岸百度)
    白日梦的Elasticsearch系列笔记(一)基础篇-- 快手上手ES
    全网最牛X的!!! MySQL两阶段提交串讲
    删库后!除了跑路还能干什么?
    数据库面试简答、30道高频面试题
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/959343.html
Copyright © 2011-2022 走看看