javascript - How to remove leading and trailing white spaces from input text? - Stack Overflow

admin管理员组

文章数量:1344939

I need to fix a bug in AngularJS application, which has many forms to submit data-

Every Text box in forms is accepting whitespaces(both leading and trailing) and saving them into the database. So in order to fix this I used ng-trim="true", it worked and data is getting saved correctly in the back-end.

Problem: Even after using ng-trim when I click on save/update, the form UI shows the text with white-spaces not the trimmed data. It shows correct data only when I refresh the page.

Can anyone guide me.. what will be the approach to fix this?

P.S. - I'm new to both JavaScript and Angular!

Thanks

I need to fix a bug in AngularJS application, which has many forms to submit data-

Every Text box in forms is accepting whitespaces(both leading and trailing) and saving them into the database. So in order to fix this I used ng-trim="true", it worked and data is getting saved correctly in the back-end.

Problem: Even after using ng-trim when I click on save/update, the form UI shows the text with white-spaces not the trimmed data. It shows correct data only when I refresh the page.

Can anyone guide me.. what will be the approach to fix this?

P.S. - I'm new to both JavaScript and Angular!

Thanks

• javascript
• jquery
• angularjs
• trim
• removing-whitespace

Share Improve this question Follow edited Oct 13, 2015 at 18:52 Erik Philips 54.7k1111 gold badges131131 silver badges156156 bronze badges asked Oct 13, 2015 at 18:41 SanchitSanchit 43222 gold badges88 silver badges2323 bronze badges 3

• what version of angular are you using? – Reactgular Commented Oct 13, 2015 at 18:47
• This is the version I'm using - 1.4.7 – Sanchit Commented Oct 13, 2015 at 18:51
• I think you should use ng-trim="false"(default is true) and when you are calling the save function to update the model by trimming the value – Ciprian B Commented Feb 13, 2021 at 7:59

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

1. Using trim() method works fine, but is used in newer browsers.

    function removeWhitespaceUsingTrimMethod {
     
            var str = "    This is whitespace string for testing purpose     ";
            var wsr = str.trim();
            alert(wsr);
        }

Output: This is whitespace string for testing purpose

From Docs:

(method) String.trim(): string

Removes the leading and trailing white space and line terminator characters from a string.

2. Using replace() method – works in all browsers

Syntax:

testStr.replace(rgExp, replaceText); str.replace(/^\s+|\s+$/g, '');

function removeWhitespaceUsingReplaceMethod {
         
            var str = "    This is whitespace string for testing purpose     ";
            var wsr = str.replace(/^\s+|\s+$/g, '');
            alert( wsr);
    }

Output: This is whitespace string for testing purpose

Use string = string.trim() where string is the variable holding your string value.

When using reactive forms

  this.form.controls['email'].valueChanges
    .subscribe(x=>{
      if(x.includes(' ')){
        console.log('contains spaces')
        this.form.controls['email'].setValue(x.trim())
      }else{
        console.log('does not contain spaces')
      }
    })

本文标签： javascriptHow to remove leading and trailing white spaces from input textStack Overflow