2010-01-23 68 views
4

使用此代码,我可以得到一个非常俗气的红色字母消息。如何使验证图标出现在asp:文本框旁边?

<form id="frmValidator" action="required.aspx" method="post" runat="server">  
    Enter Your Name: 
    <asp:TextBox id="txtName" runat="server" /> 
    <asp:RequiredFieldValidator id="valTxtName" ControlToValidate="txtName" ErrorMessage="Please enter your name!" runat="server" /> 

    <br /> 
    <asp:button id="btnSubmit" text="Submit" runat="server" /> 

</form> 

是否有某种方式,让我有一个绿色的图标(我有一个形象,所以我想象我只是引用它)排序淡出人们的控制旁边的存在呢?

谢谢你一堆。 :)

回答

1

你可以做到这一点

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!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> 
    <style type="text/css"> 
     </style> 
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
      BorderStyle="None" ControlToValidate="TextBox1" CssClass="newStyle1"></asp:RequiredFieldValidator> 
    </div> 
    <asp:Button ID="Button1" runat="server" Text="Button" /> 
    </form> 
</body> 
</html> 

.newStyle1 
{ 
    background-image: url('Pic.png'); 
    width: 500px; 
    height: 300px; 
} 

所以基本上根本没有这条错误消息的任何文本,并设置CSS属性的验证控件有一个CSS类。

4

您将ErrorMessage属性设置为指向图像的链接

例如, ErrorMessage='<img src="error.gif">'

请参阅this MSDN文章。