javascript - 从 javascript 获取水印绑定(bind)文本框的文本值

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());
    });

在模糊事件中，如果我们没有输入任何值，那么也会输入其警报“名称”。

有没有办法从javacript中获取文本框的确切文本，即不是水印文本？

Answer 1

在包装器行为中，有一个属性_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" />