资讯专栏INFORMATION COLUMN

限制input输入小数只能到3位或者只能输入正整数(兼容ios)

chunquedong / 2580人阅读

摘要:限制输入数字只能输入正整数包括天解析事件在用户输入时触发,元素值发生变化时立即触发。加上,是为了适应苹果系统。限制输入数字只能输入小数点最多到第三位的数字解析加上括号即为分组,分组从左到右分别用来表示,每个括号为一组。

我们在做表单输入时,有时候对于有些输入比较有限制,比如输入天数必须为正整数,再比如有些特殊需求需要输入保留小数点的后面n位。那么我们如何在输入环节就限制用户的输入情况呢?

我们可以用正则表达式来限制。

限制input输入数字只能输入正整数(包括0)
   天

解析

oninput事件在用户输入时触发,元素值发生变化时立即触发。

D为非数字,this.value为input输入的值,当输入的值不为数字的时候,就替换成空字符串。

加上pattern="[0-9]*",是为了适应苹果ios系统。

限制input输入数字只能输入正整数(不包括0)
   天

解析

min=1限制对于输入是没有用的,但是对于type="number"类型的上下点击选择还是有限制作用的,如果正则表达式写的完善的话,min=1也可以不加。

oninput是一个事件,所以事件里面是可以写js代码的。

限制input输入数字只能输入小数点最多到第三位的数字

/D(d)(.?)(d{0,3})d*/解析:加上括号即为分组,分组从左到右分别用$1,$2,$3来表示,每个括号为一组。只保留组里面的内容,输入的其他内容都给过滤掉。

pattern="[0-9]*.?[0-9]{0,3}"是为了适应苹果ios系统

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53717.html

相关文章

  • 限制input输入小数只能3或者只能输入整数(兼容ios)

    摘要:限制输入数字只能输入正整数包括天解析事件在用户输入时触发,元素值发生变化时立即触发。加上,是为了适应苹果系统。限制输入数字只能输入小数点最多到第三位的数字解析加上括号即为分组,分组从左到右分别用来表示,每个括号为一组。 我们在做表单输入时,有时候对于有些输入比较有限制,比如输入天数必须为正整数,再比如有些特殊需求需要输入保留小数点的后面n位。那么我们如何在输入环节就限制用户的输入情况呢...

    zone 评论0 收藏0
  • Vue中结合ElementUI实现:限制输入只能输入整数

    摘要:中结合实现限制输入框只能输入正整数如果觉得对您有所帮助,麻烦您动动您的小手指给点个赞呗中禁止输入小数和负数只允许输入正整数做法一利用禁止按键的方法,主要是依靠禁止按下减号以及小数点来完成的首先要监听键盘按下事件,因为上面的组件监听事件是没有 Vue中结合ElementUI实现:限制输入框只能输入正整数 如果觉得对您有所帮助,麻烦您动动您的小手指给点个赞呗(*^▽^*) input中禁止...

    iamyoung001 评论0 收藏0
  • input框只允许输入整数数(包含小数)的解决方法 vue.js实现

    摘要:我来打自己脸了刚刚发现在中文输入法下是无效的有人能解决这个问题么如果要求只能输入数字怎么做设置那我如果想限制长度,此时会失效,限制长度太麻烦了并且还存在的一个问题是,当输入的是小数时,鼠标悬停在上会提示请输入有效值,两个最接近的值为和,这对 我来打自己脸了!!!!...刚刚发现在中文输入法下是无效的,有人能解决这个问题么 如果要求input只能输入数字怎么做? 设置type=numbe...

    el09xccxy 评论0 收藏0
  • 基于PHP/CURL/codeIgniter的Spider Webbot爬虫[7]常用则表达式

    摘要:验证是否含有等字符只能输入汉字验证地址验证验证电话号码正确格式为,,,,,。验证身份证号位或位数字验证一年的个月正确格式为和验证一个月的天正确格式为和。 一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^d{n}$ 3 至少n位的数字:^d{n,}$ 4 m-n位的数字:^d{m,n}$ 5 零和非零开头的数字:^(0|1-9*)$ 6 非零开头的最多带两位小数的数字...

    wow_worktile 评论0 收藏0
  • 常用则匹配

    摘要:由数字个英文字母或者下划线组成的字符串非负整数正整数正整数非正整数负整数负整数整数非负浮点数正浮点数正浮点数非正浮点数负浮点数负浮点数浮点数由个英文字母组成的字符串 1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$ 2.非负整数(正整数 + 0 ): ^d+$ 3.正整数: ^[0-9]*[1-9][0-9]*$ /^[1-9]d*$/ 4.非正...

    wdzgege 评论0 收藏0

发表评论

0条评论

chunquedong

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<