从javascript获取水印绑定文本框的文本值

Question

我想从 javascript 中获取文本框的文本值。文本框附有水印扩展器。因此，在从 javascript 中获取值时，如果文本框为空，那么我们也会得到那个水印文本。

我们的标记是这样的

<asp:TextBox ID="txtname" runat="server" MaxLength="30"></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="wmname" runat="server" TargetControlID="txtname"
                                WatermarkText="Name" WatermarkCssClass="txt">
                            </asp:TextBoxWatermarkExtender>

JS：

$('input').blur(function() {            
        alert($(this).val());
    });

在 blur 事件中，如果我们没有输入任何值，那么它也会发出警报“Name”。

有什么方法可以得到文本框的准确文本，即不是来自 javacript 的水印文本？

Answer 1

在wrapper behavior中，有一个属性_isWatermarked可以用来检查TextBox是否加水印。

脚本：

<script>
function addValue() {
    if (!AjaxControlToolkit.TextBoxWrapper.get_Wrapper($get("TextBox1"))._isWatermarked) {
         $get("TextBox1").value = $get("TextBox1").value + ": Hello!";
     }
   }    
</script>

控件：

 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 <cc1:TextBoxWatermarkExtender ID="TWE1" runat="server" Enabled="True" TargetControlID="TextBox1"
 WatermarkText="Type here:" WatermarkCssClass="watermarked" />