input禁止输入空格

最新推荐文章于 2024-01-30 10:46:21 发布

123没有肆

最新推荐文章于 2024-01-30 10:46:21 发布

阅读量3.7k

点赞数 3

分类专栏：前端文章标签： input elementui html

本文链接：https://blog.csdn.net/weixin_44769612/article/details/114664714

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

input禁止输入空格

<!DOCTYPE html>
<html>
        <div class="modal-body form">           
                <div class="form-group">
                    <label class="col-sm-2 control-label" >资产编号<span class="required"> * </span></label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="assetId" onkeyup="this.value=this.value.replace(/[, ]/g,'')"></input>                       
                    </div>
                </div>      
        </div>
</html>

需要在input框中加一段代码

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

代码作用:

在input框里面输入编号的过程中，出现空格，自动消除
input首尾出现空格，自动消除
复制粘贴的文本里面出现空格，自动消除

onkeyup也可以用来限制只能输入英文等进行表单校验

<input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

123没有肆

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
input禁止输入空格

input禁止输入空格<!DOCTYPE html><html> <div class="modal-body form"> <div class="form-group"> <label class="col-sm-2 control-label" >资产编号<span class="required"> * </s
复制链接

扫一扫