ASP.NET and C#: remove spaces from asp.TextBox when typing and pasting

Question

There is a nice solution to accomplish what I am after here, where they use this javascript function:

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

which is applied to the following element:

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

In my case, I don't have an <input... element, but an <asp:TextBox element, and the function above isn't working. I am using the correct element ID but I can still paste and also type white spaces. What am I missing?

Does this answer your question? Getting Textbox value in Javascript — Heretic Monkey
– Heretic Monkey, Commented Nov 27, 2019 at 18:25

VDWWD · Accepted Answer · 2019-11-27 18:58:24Z

2

I would use a Class name and bind the script to the elemens with that class. Then you don't need ClientID and it works for multiple elements.

<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>

If you do want to use ClientID, then do this

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

However if the input is not an aspnet control (asp:TextBox or input with runat=server) then it wont work. Another issue with ClientID is that the script needs to be inline on the page containing that control.

edited Nov 27, 2019 at 18:58

answered Nov 27, 2019 at 18:28

VDWWD

35.7k23 gold badges67 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Zizzipupp Over a year ago

This worked! Still can't get my head around why the solution with '<%= txtText.ClientID%>' isn't working...

VDWWD Over a year ago

I've added more examples.

Selim Yildiz · Accepted Answer · 2019-11-27 18:32:24Z

2

It seems you don't select Textbox item properly.

You can get the control ID for HTML markup that is generated by ASP.NET by using ClientID as following:

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

edited Nov 27, 2019 at 18:32

answered Nov 27, 2019 at 18:18

Selim Yildiz

5,3906 gold badges22 silver badges34 bronze badges

Collectives™ on Stack Overflow

ASP.NET and C#: remove spaces from asp.TextBox when typing and pasting

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related