Removing spaces from text filed value in JavaScript

Question

I am trying to remove spaces in value of a text filed using JS but its not working Here is what i have tried

HTML

<input name="lmt_c13" id="lmt_c13" onblur="verifyControlValue(this);" type="number" />

JavaScript

function verifyControlValue(control) {
    control.value = control.value.replace(/\s+/g, '');
    // other functionality based on control value
}

but this removes the whole value I am calling this function on onblur() event

Here is the JsFiddle http://jsfiddle.net/4gLb5k4L/8/

.replace(/\s+/g, ''); will remove spaces so if that isn't working, then something else is wrong with your code that you aren't showing us. — jfriend00
– jfriend00, Commented Aug 20, 2014 at 6:42
I updated your Fiddle to add the code in the correct place. This isn't a text field though, it's a number field. — CodingIntrigue
– CodingIntrigue, Commented Aug 20, 2014 at 6:51

Eugene Obrezkov · Accepted Answer · 2014-08-20 06:51:06Z

1

See updated fiddle - http://jsfiddle.net/4gLb5k4L/6/

Why are you using type="number" for text? That's your problem.

HTML

<input name="lmt_c13" id="lmt_c13" type="text"></input>

JavaScript

var input = document.getElementById('lmt_c13');
input.addEventListener('blur', function () {
    this.value = this.value.replace(/\s+/g, '');
}, false);

answered Aug 20, 2014 at 6:51

Eugene Obrezkov

2,9962 gold badges19 silver badges35 bronze badges

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

Comments

CodingIntrigue · Accepted Answer · 2014-08-20 06:52:51Z

0

You are using a number field. value will only represent a correct value when a number is entered. Otherwise it will return an empty string.

So really you are running this code:

"".replace(/\s+/g, '');

Which is why you're getting a blank string back. Either use a text field or else let the number field do the validation for you.

answered Aug 20, 2014 at 6:52

CodingIntrigue

78.9k32 gold badges176 silver badges177 bronze badges

2 Comments

AddyProg Over a year ago

actually the thing is that I am loading this page in Android webView and on a specific device Nexus 10 with android 4.4.2 this validation is not working

CodingIntrigue Over a year ago

@AdilWaqar Then you should use parseInt/parseFloat instead and do your own validation.

Collectives™ on Stack Overflow

Removing spaces from text filed value in JavaScript

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related