javascript - 单击时从文本框中删除某些文本

Question

我的 Web 表单中有一个 TextBox 控件，我在其中显示特定产品的高度和宽度。

现在我显示如下:

如您所见，我在字符串中附加了一个 " 来显示英寸:

txtH.Text = arrHW[i].ToString() + "\"";

现在，这会导致编辑时出现问题!因为用户永远无法始终确保通过仅编辑 number 而不是 " 符号来正确编辑字段。

我需要通过 JavaScript 或 C# 以某种方式删除符号 "，同时用户单击文本框并在焦点更改时删除。

这个方法我试过了，好像不行!

protected void txtH_TextChanged(object sender, EventArgs e)
        {
            string height = txtH.Text;
            char[] splitArr = { '"' };
            string[] editH = height.Split(splitArr);

            for (int i = 0; i < editH.Length; i++)
            {
                if (editH[i].ToString().Equals("\""))
                {
                    editH[i].Remove(i);
                }
            }
        }

这是文本框的设计器代码:

<asp:PlaceHolder ID="plcHW" runat="server">
       <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-arrows-v"></i>&nbsp;Height</span>
              <asp:TextBox ID="txtH" runat="server" Width="60px" CssClass="form-control" OnTextChanged="txtH_TextChanged" />

              <span class="input-group-addon"><i class="fa fa-arrows-h"></i>&nbsp;Width</span>
              <asp:TextBox ID="txtW" runat="server" Width="60px" CssClass="form-control" />
       </div>
 </asp:PlaceHolder>

Answer 1

您可以在焦点位于文本框上时立即清除文本框，然后在用户向其添加值后添加"!这是一种方法!

var prev="";
$('#HEIGHT').focus(function() {
prev=$(this).val();
$(this).val(prev.replace("\"", ""));

}).blur(function() {

 if($(this).val()==""){
 $(this).val(prev)
}
else{
$(this).val($(this).val()+"\"");
}
});