$.trim spaces at beginning and end of text input value

Question

So I'm trying to trim any spaces BEFORE and AFTER the text input value...

Any ideas? Driving me nuts. I tried reading up on $.trim(). But can't get it to work properly.

Code:

var campaign_values = {
        name : $.trim($('.nameField').val().toLowerCase().replace(/\s/g, "_")),
        // other variables...
};

Are you having whitespace issues. `.trim()` removes whitespace at the beginning and end of an input, I have never had this issue with a text field. Can you show us how you implemented the code? — OneChillDude, Nov 20 '12 at 18:15
http://stackoverflow.com/questions/4040259/jquery-trim-to-remove-white-space — itsme, Nov 20 '12 at 18:17
Your inner .replace() is removing all spaces (and replacing them with _, this is preventing $.trim() from having anything to remove — Jason Sperske, Nov 20 '12 at 18:18

Mike Brant · Accepted Answer · 2012-11-20T18:25:13.633

8

Not sure what problem you were having with trim, but you should be able to use it like this:

var campaign_values = {
        name : $.trim($('.nameField').val()).toLowerCase().replace(/\s/g, "_"),
        // other variables...
};

Though in this case, I think it is clearer to use javascript trim()

var campaign_values = {
        name : $('.nameField').val().trim().toLowerCase().replace(/\s/g, "_"),
        // other variables...
};

edited Nov 20 '12 at 18:25

answered Nov 20 '12 at 18:16

Mike Brant

First one is not working for some reason, but I got the second one to work! Thanks!! Swear I tried this... Option #2 is much cleaner! Cheers! – Mike Barwick Nov 20 '12 at 18:20
1

The first one doesn't do anything because you are first replacing all spaces(including leading and ending) with `"_"`. It should be `$.trim($('.nameField').val()).toLowerCase().replace(/\s/g, "_")` Is the native .trim() method supported in IE 6/7/8? according to MDN support started in IE9 https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/Trim – Kevin B Nov 20 '12 at 18:28
@KevinB Kevin, you are correct. I didn't really look at the replace call there closely when writing up my answer. I have edited to reflect this. – Mike Brant Nov 20 '12 at 18:30

score 4 · Answer 2 · answered Nov 20 '12 at 18:17

4

Try using $.trim before calling replace function:

name : $.trim($('.nameField').val()).toLowerCase().replace(/\s/g, "_"),

answered Nov 20 '12 at 18:17

Ram

I like this option too...but went for the `.val().trim()...` option. A little cleaner and easier to read! Thanks! – Mike Barwick Nov 20 '12 at 18:21
@MikeBarwick You are welcome, note that `trim` doesn't work in older browsers. – Ram Nov 20 '12 at 18:22

score 0 · Answer 3 · answered Nov 20 '12 at 18:15

0

The standard JavaScript String.trim() will remove the beginning and end whitespace from a string.

"   string  ".trim() ==  "string"

answered Nov 20 '12 at 18:15

Hacknightly

4

.trim() is not implemented in all browsers, so be careful (this one got me recently) – Jason Sperske Nov 20 '12 at 18:16

3 Answers3