如何从输入文本中删除前导和尾随空格?

时间:2015-10-13 18:41:47

标签: javascript jquery angularjs trim removing-whitespace

我需要修复AngularJS应用程序中的错误,该应用程序有多种表单来提交数据 -

表单中的每个文本框都接受空格(包括前导和尾随)并将它们保存到数据库中。因此,为了解决这个问题,我使用了ng-trim="true",它运行正常并且数据在后端得到了正确保存。

问题:即使在我点击保存/更新后使用ng-trim,表单UI也会显示带有空格的文本而不是剪裁后的数据。它仅在刷新页面时显示正确的数据。

任何人都可以指导我......解决这个问题的方法是什么?

P.S。 - 我是JavaScript和Angular的新手!

由于

2 个答案:

答案 0 :(得分:3)

使用string = string.trim(),其中string是包含字符串值的变量。

答案 1 :(得分:3)

  1. 使用trim() 方法工作正常,但在较新的浏览器中使用。
    function removeWhitespaceUsingTrimMethod {
     
            var str = "    This is whitespace string for testing purpose     ";
            var wsr = str.trim();
            alert(wsr);
        }

输出: 这是用于测试目的的空白字符串

来自文档:

(method) String.trim(): string
<块引用>

删除前导和尾随空格和行终止符 字符串中的字符。

  1. 使用 replace() 方法 - 适用于所有浏览器

语法:

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

输出: 这是用于测试目的的空白字符串