解决input输入的是空格问题

原创于 2019-12-24 10:50:25 发布 · 5.4k 阅读

CC 4.0 BY-SA版权

52 篇文章

订阅专栏

本文介绍了前端开发中处理表单输入的几种方法，包括如何使用JavaScript和HTML阻止用户输入空格、逗号等特定字符，确保数据的有效性和格式正确。通过具体的代码示例，展示了如何在输入过程中实时检查并修改输入内容。

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

<el-input v-model="form.reason" type="textarea" placeholder="请输入理由"/>

this.form.reason.split(' ').join('').length === 0

this.form.reason.split(' ').join('').length === 0的意思是先以空格拆分成数组，再拼接起来，最后判断字符串的长度，如果长度为0证明输入的全是空格

<input type="text" class="form-control" id="assetId" onkeyup="this.value=this.value.replace(/[, ]/g,'')"></input>

onkeyup="this.value=this.value.replace(/[, ]/g,'')"

作用：① 在input框里面输入数据的过程中，出现空格，自动消除
② input首尾出现空格，自动消除
③ 复制粘贴的文本里面出现空格，自动消除

<input type="text" name="test" onkeyup="this.value=this.value.replace(/^\s+|\s+$/g,'')"></input>

onkeyup="this.value=this.value.replace(/^\s+|\s+$/g,'')"