星期四, 10月 09, 2008

使用驗證控制項秀出圖片警示錯誤

今天被問到一個問題..就是..我想做一個驗證數字的功能..如果驗證不符的話..要秀出圖片..不要那醜醜的文字..心裡想..阿那不是一樣..反正都是用javascript顯示出錯誤..不過..因為我很懶..懶得自己寫javascript.然後微軟又有提供很好用的validator給我們用..我就直接用CompareValidator Control去做..直接看原始碼ㄅ..

<body>
<form id="form1" runat="server">
請輸入數字..不然會有蟑螂..<br />
<asp:TextBox ID="TextBox1" runat="server" Height="16px" Width="193px"></asp:TextBox>
<br />
<asp:CompareValidator ID="CompareValidator1" runat="server"
ControlToValidate="TextBox1" Display="Dynamic"
ErrorMessage="&lt;img id=&quot;Image1&quot; src=&quot;img/cdcc.PNG&quot;
style=&quot;border-width:0px;&quot; /&gt;"

Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator>
</form>
</body>

我們在屬性面板ErrorMessage這個屬性..我就直接貼上要顯示出來圖片網址就好了..

dcdfsa

//類似這樣
<img id="Image1" src="img/cdcc.PNG" style="border-width:0px;" />

這樣就行啦..看結果..Big Grin..

ccccc

PrayingPrayingPrayingPrayingPrayingPrayingPrayingPrayingPraying..(謎之聲:一定要用這麼噁心的範例就是了..囧oz..)..

沒有留言: