限制input输入长度与内容

1、限制输入长度

如果输入的是数字(type是number类型)，通过监听input事件再通过slice进行截取限制长度

<input type="number" oninput="f(value.length>6)value=value.slice(0,4)">

如果输入的是文字或者字符（type是text、password和tel类型），就会有一个maxlength属性进行限制长度

<input type="text" placeholder="只能输入六个字符" maxlength="6">

tel类型的input在ios上会调出全数字键盘，而number类型的input则会调出带有标点符号的键盘。

2、限制输入内容：限制input输入为纯数字

οnkeyup=“value=value.replace(/[\D]/g,’’)”

<input type="text" placeholder="只能输入数字"  onkeyup="value=value.replace(/[\D]/g,'')">

οnchange=“value=value.replace(/[\D]/g,’’)”

<input type="text" placeholder="只能输入数字"  onchange="value=value.replace(/[\D]/g,'')">

onkeyup是在键盘抬起的时候触发，onchange是在input输入框失焦的时候触发，会发现虽然目的达到了，但是显示效果不太好。

更好的方法就是使用：οninput=“value=value.replace(/[\D]/g,’’)”

<input type="text" placeholder="只能输入数字"  oninput="value=value.replace(/[\D]/g,'')">

限制input输入长度与内容相关推荐

设置input输入长度中文一个文字等于2个引文字符为了解决这个问题
/** * 设置input输入长度中文一个文字等于2个引文字符为了解决这个问题 * 使用 maxcodelength="" 即可 */ $('input[type=" ...
input输入长度与限制内容
1.限制input最大长度 <input type="text" maxlength="5" /> //可以 <input type=& ...
input输入长度 vue_Vue实现input宽度随文字长度自适应操作
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...
【Android】设置EditText输入类型和内容长度
1.设置输入类型设置EditText输入类型主要有两种方法,一种是使用EditText的setInputType()方法,另一种是在布局文件中使用android:inputType属性来设置. (1 ...
validate验证长度 vue_vue input 输入校验字母数字组合且长度小于30的实现代码
下面一段代码给大家分享vue input 校验字母数字组合且长度小于30,具体代码如下所示: validateJyh(glhm){//校验关联交易号 var reg = /^[A-Za-z0-9]{1 ...
input输入内容校验
input输入内容校验输入大小写字母.数字.下划线 <input type="text" onkeyup="this.value=this.value.repla ...
element input=number 限制输入长度,输入数字的大小和禁止输入e
<el-input type="number"v-model="form.seq":disabled="formEdit"oninpu ...
python字符串input输入_5.print()函数、转义字符、python注释、常量、字符串、格式化输出、input()输入...
目录 1.内置函数:print() 2.转义字符: 3.python注释: 4.常量: 5.字符串: 6.格式化输出: 7.input()输入: 8.学习单词: 1.内置函数:print() prin ...
linux input输入子系统分析《三》：S3C2440的触摸屏驱动实例
1.1 本节阅读前提本节的说明建立在前两节的基础之上,需要先阅读如下两篇章: linux input输入子系统分析<一>:初识input输入子系统 linux input输入子系统 ...

限制input输入长度与内容

限制input输入长度与内容相关推荐

最新文章

热门文章