restrict space at first position in textbox using jquery/javascript

Question

I have a situation where I need to restrict users from entering space in beginning of a TextBox. I am able to restrict space entry in TextBox. But not having any clues about not allowing at first position.

I am looking for a solution using JavaScript or jQuery. Any help would be appreciated.

Just run a trim method on it. Clean it up when the user stops typing and clean it up on the server. — epascarello
– epascarello, Commented Mar 15, 2013 at 14:35
With jQuery there's a method for trimming white spaces: $.trim('your.string') — Rubens Mariuzzo
– Rubens Mariuzzo, Commented Mar 15, 2013 at 14:36

VisioN · Accepted Answer · 2013-03-15 14:38:13Z

15

keypress event solution:

$("input").on("keypress", function(e) {
    if (e.which === 32 && !this.value.length)
        e.preventDefault();
});

DEMO: http://jsfiddle.net/pdzBy/

answered Mar 15, 2013 at 14:38

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

4 Comments

Milind Anantwar Over a year ago

Thanks vision.it almost does my job.just one more thing.can i also restrict space at the end of string??

VisioN Over a year ago

@MilindAnantwar In this approach it is not effective, since you can't check which space is the very last while typing.

Milind Anantwar Over a year ago

is there any other alternative that you can suggest?

Chintan7027 Over a year ago

This might also be a solution for me if prevent spaces for following conditions as well.1. Enter text e.g. san diago 2. remove "san" and "diago" only 3. Now " " is only remain there and it allows to add. Please help me to par from this situtaions

Nathan Tuggy · Accepted Answer · 2017-07-20 04:53:51Z

2

I tried but after writing something and moving the cursor to the first letter it allows a space there. This solution never allows entering a space character in the beginning of the text box.

$("input").on("keypress", function(e) {
    var startPos = e.currentTarget.selectionStart;
    if (e.which === 32 && startPos==0)
        e.preventDefault();
});

edited Jul 20, 2017 at 4:53

Nathan Tuggy

2,23727 gold badges33 silver badges38 bronze badges

answered Jul 20, 2017 at 4:29

Nirav Gandhi

515 bronze badges

Comments

Rubens Mariuzzo · Accepted Answer · 2013-03-15 14:37:48Z

1

If you are using jQuery you can just call the trim method.

$.trim(' Hello World!'); // -> 'Hello World'

Note, this will remove all white space characters from the start and the end of your string.

Here is a demo using a button: http://jsfiddle.net/3Enr4/

answered Mar 15, 2013 at 14:37

Rubens Mariuzzo

29.4k28 gold badges124 silver badges149 bronze badges

Collectives™ on Stack Overflow

restrict space at first position in textbox using jquery/javascript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related