文本框输入限制【不允许空格、只允许数字】

大海深处的星星

于 2016-11-17 10:56:36 发布

阅读量3.7k

点赞数

分类专栏： web前端

web前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种前端实现表单输入限制的方法，包括禁止输入空格和仅允许输入数字的功能。通过JavaScript实现输入框的实时监控与字符过滤，确保用户输入符合预期格式。

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

<p>  
<label for="userName">不允许输入空格</label>  
<input type="text" name="userName" id="userName" onkeyup="this.value=this.value.replace(/[^\w]/g,'');"  />   
</p>  
<p>  
<label for="number">只允许输入数字</label>  
<input type="text" name="number" id="number" onkeyup="this.value=this.value.replace(/[^\d]/g,'');"  />   
</p>