JavaScript，input中去掉空格，trim

输入框去除空白字符

最新推荐文章于 2025-09-30 08:44:25 发布

原创最新推荐文章于 2025-09-30 08:44:25 发布 · 6.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#trim #input去空格

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在HTML输入框中使用JavaScript实现去除输入内容首尾空白字符的方法，包括使用标准的trim方法以及自定义去除左侧或右侧空白字符的功能。

input中设置onchange事件，去掉首尾空格：

<body>
<input type="text" id="input1" onchange="trim(this.value)"/>
<input type="text" id="input3" onchange="Ltrim(this.value)"/>
<input type="text" id="input2" onchange="Rtrim(this.value)"/>

<script>
    //使用JS的trim方法，去掉两边的空格
    function trim(x) {
        document.getElementById("input1").value = x.trim();
    }

    //自定义，去掉左边的空格
    function Ltrim(x) {
        document.getElementById("input2").value = x.replace(/^\s+/,'');
    }

    //自定义，去掉右边的空格
    function Rtrim(x) {
        document.getElementById("input3").value = x.replace(/\s+$/,'');
    }
</script>
</body>