[转]jQuery TextBox Water Mark with asp.net

本文转自：http://naspinski.net/post/jQuery-TextBox-Water-Mark-with-aspnet.aspx

I stole majority of this code from

http://www.aspcode.net/A-watermark-texbox-with-JQuery-and-aspnet.aspx

but I added a bit to make it swap css classes as well


$().ready(function() {

   swapValues = [];

   $(".wm").each(function(i) {

     swapValues[i] = $(this).val();

     $(this).focus(function() {

       if ($(this).val() == swapValues[i]) {

         $(this).val("").removeClass("watermark")

       }

    }).blur(function() {

        if ($.trim($(this).val()) == "") { $(this).val(swapValues[i]).addClass("watermark") } }) })

 }); 

To use it, make sure your TextBox has (one of) it's css classes set to "wm". If you want a seperate style to be applied add that initially as well, in my example, it swaps "watermark" in and out as a css class.

<asp:TextBox ID="txt" runat="server"

   Text="this is the watermark" CssClass="wm watermark" />

巴特西

[转]jQuery TextBox Water Mark with asp.net

最新文章

热门文章