博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
限制input输入小数只能到3位或者只能输入正整数(兼容ios)
阅读量:6048 次
发布时间:2019-06-20

本文共 542 字,大约阅读时间需要 1 分钟。

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

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

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

   天

解析

  1. oninput事件在用户输入时触发,元素值发生变化时立即触发。
  2. D为非数字,this.value为input输入的值,当输入的值不为数字的时候,就替换成空字符串。
  3. 加上pattern="[0-9]*",是为了适应苹果ios系统。

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

   天

解析

  1. min=1限制对于输入是没有用的,但是对于type="number"类型的上下点击选择还是有限制作用的,如果正则表达式写的完善的话,min=1也可以不加。
  2. oninput是一个事件,所以事件里面是可以写js代码的。

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

  1. /D(d)(.?)(d{0,3})d*/解析:加上括号即为分组,分组从左到右分别用$1,$2,$3来表示,每个括号为一组。只保留组里面的内容,输入的其他内容都给过滤掉。
  2. pattern="[0-9]*.?[0-9]{0,3}"是为了适应苹果ios系统

转载地址:http://wrxex.baihongyu.com/

你可能感兴趣的文章
十分钟入门RocketMQ
查看>>
年计划,技术儿告诉你怎么做?
查看>>
通过ODBC连接PostgreSQL和Greenplum
查看>>
2015.08.19结构体
查看>>
Nodejs测试:从0到90(理论篇)
查看>>
Android Camera开发系列(下)——自定义Camera实现拍照查看图片等功能
查看>>
windows7下制作苹果mac os x 10.10Yosemiteu盘启动盘
查看>>
Appium移动自动化测试(四)--one demo
查看>>
这是就是联想?2年4次因同一问题返售后,售后找不到确切原因。。。。。
查看>>
10、spss做最优尺度分析
查看>>
OCMaskedTextField
查看>>
Linux命令学习总结:reboot命令
查看>>
【Oracle】使用hanganalyze 命令分析数据库hang【转】
查看>>
Python 应用剖析工具介绍
查看>>
JSP标准标签库
查看>>
ceph - adding A monitor (MANUAL)
查看>>
MYSQL的慢查询分析
查看>>
Go系统下的自定义属性文件的增删改查
查看>>
mysql一些比较冷门的查询
查看>>
MapXtreme 2005 学习心得 工具(六)
查看>>