JavaScript，input中去掉空格，trim

最新推荐文章于 2023-11-30 09:13:53 发布

Bworry

最新推荐文章于 2023-11-30 09:13:53 发布

阅读量6.4k

点赞数

分类专栏： JavaScript 文章标签： trim input去空格

本文链接：https://blog.csdn.net/Echo_width/article/details/79800161

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>