身份证input输入框限制，只能输入纯数字及限制长度

需求：只能输入18位纯数字，并且输入其他字符时删除其他字符

1、<input type="number">
还是可以输入e和e-,不符合

2、<input type="text" maxlength="18" >
限制了18位,但不能指定只输入数字,type="number"和配合时maxlength长度限制失效，不符合

3、<input type="number"oninput="if(value.length>18)value=value.slice(0,18)" >
能限制数字又能限制长度，看似没问题，但在开头或中间加上字母e，长度限制将失效，不符合

4、<input type="number" onkeyup ="value=value.replace(/[^\d]/g,'')">
能限制它不能输入其他字符了，但写上字母e时整个input的内容就全清空了，有点缺陷

5、<input type="text" onkeyup="certNumOnkeyup(this)" >
当不再局限与number类型，改成text类型时发现这个bug竟然消失了，输入e也只清空了e

最终代码：

<input type="text" id="certNum" placeholder="请输入证件号码" onkeyup="certNumOnkeyup(this)" oninput="if(value.length>18)value=value.slice(0,18)">function certNumOnkeyup(obj) {obj.value = obj.value.replace(/[^\d.]/g,"");//清除"数字"以外的字符obj.value = obj.value.replace(/^0+$/g,"");//以0开头时清空
}

身份证input输入框限制，只能输入纯数字及限制长度相关推荐

input输入框限制只能输入数字的方法
在项目中会遇到表单填写的时候在input中输入纯数字的情况,这个时候需要我们在输入框对用户的输入做一些限制 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup=&quo ...
input 输入框限制只能输入两位有效小数
前端入门即教学,今天博主分享几个前端金额实用的小案例,复制拿过去就能用哦! 相信有很多前端小伙伴在工作中遇到过这样的需求,就是限制输入框内容只能输入两位小数吧,想了用正则但是又不知道怎么下手的同学,接 ...
限制input 输入框只能输入纯数字/数字/中文/英文
1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...
input输入框限制只能输入数字
昨天博主接到一个需求说form表单里面的input输入框有些你得给它限制一下,不要比如有些限制一下只能让他输入数字,不能让客户输入文字或者英文我这边给大家提供两种方法来实现这个功能,当然,我把相关情 ...
Element-ui input 输入框限制只能输入数字的问题
需求说明后台管理系统,使用element-ui el-input组件,要求只能输入数字,最先使用的办法: <el-inputv-model.number='count'type='number ...
input输入框如何只能输入正整数
<input type="number" class="form-control" id="inoutnum" name=" ...
HTML文本框中只能输入纯数字
<?php session_start(); // store session data $_SESSION['views']=1; ?> <script> function ...
input输入框的限制输入
限制输入正则表达式一·.限制 input 输入框只能输入纯数字 1.onkeyup = "value=value.replace(/[^\d]/g,'')" 2.onchange ...
js/input/输入框只能输入汉字/数字/英文
输入框只能输入汉字/数字/英文需要自取,丢input里即可, 1.输入框只能输入汉字 onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,' ...

身份证input输入框限制，只能输入纯数字及限制长度

身份证input输入框限制，只能输入纯数字及限制长度相关推荐

最新文章

热门文章