JS表单项控制可输入内容

IT-Juck

于 2017-05-11 15:00:24 发布

阅读量662

点赞数

CC 4.0 BY-SA版权

分类专栏： JS篇

本文链接：https://blog.youkuaiyun.com/zhangchao5821/article/details/71630004

本文介绍如何使用JavaScript实现输入限制，确保表单项中无法输入空格，并且仅允许输入数字和英文字母。通过监听键盘事件`onkeyup`并结合正则表达式`/s/g`实现空格替换，从而达到输入控制的效果。

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

不能输入空格

只能输入数字、英文字母

<input type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'');" />

只能输入数字和英文字母c、h、u、n

<input type="text" onKeyUp="value=value.replace(/[^\d|chun]/g,'');" />

只能输入数字、英文、下划线

<input type="text" onkeyup="value=value.replace(/[\W]/g,'');" />

只能输入数字

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'');" />
<input type="text" onkeyup="value=value.replace(/\D/g,'');" />
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'');" />//该项禁止小数点

只能输入汉字

<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'');" />

最低0.47元/天解锁文章

200万优质内容无限畅学