ASP.NET 和 C#：在键入和粘贴时从 asp.TextBox 中删除空格

Question

有一个很好的解决方案来完成我在这里之后的工作，他们在这里使用了这个 javascript 函数：

var text = document.getElementById('txtText');
text.addEventListener('input', function(e){
  var keyCode = e.keyCode ? e.keyCode : e.which;
  this.value = this.value.replace(/\s/g, '')
  if(keyCode === 32) return;
})

这适用于以下元素：

<input type='text' id="txtText">

就我而言，我没有<input...元素，而是<asp:TextBox元素，并且上面的函数不起作用。 我使用了正确的元素 ID，但我仍然可以粘贴并输入空格。 我错过了什么？

Answer 1

看来您没有正确选择文本框项目。

您可以使用ClientID由 ASP.NET 生成的 HTML 标记的控件 ID，如下所示：

var text = document.getElementById('<%= txtText.ClientID%>');

Answer 2

我会使用类名并将脚本绑定到具有该类的元素。 那么您不需要 ClientID 并且它适用于多个元素。

<asp:TextBox ID="TextBox1" runat="server" CssClass="NoSpaces"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" CssClass="NoSpaces"></asp:TextBox>

<script>
    $('.NoSpaces').bind('keyup blur', function (e) {
        var keyCode = e.keyCode ? e.keyCode : e.which;
        this.value = this.value.replace(/\s/g, '')
        if (keyCode === 32) return;
    });
</script>

如果您确实想使用 ClientID，请执行此操作

$('#<%= TextBox1.ClientID %>').bind('keyup blur', function (e) {

但是，如果输入不是 aspnet 控件（ asp:TextBox或带有runat=server输入），则它将无法工作。 ClientID 的另一个问题是脚本需要内嵌在包含该控件的页面上。