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

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

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

οninput="this.value=this.value.replace(/\D/g,'');"

pattern="[0-9]*">   天

解析

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

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

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

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

οninput="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/,'')}else{this.value=this.value.replace(/\D/g,'')}" pattern="[1-9][0-9]*">   天

解析

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系统

html input限制输入小数,限制input输入小数只能到3位或者只能输入正整数(兼容ios)...相关推荐

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

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

  2. c语言 某珠宝鉴定大赛,由主持人输入珠宝的真实价格,再由8位参赛选手输入各自估计的价格,估价与真实价格最接近的选手获胜。

    输入格式: 第一行输入 :珠宝的真实价格 第二行输入 :选手估计的价格(单位:万) 输出格式: 获胜选手的序号 最接近的估价(保留1位小数,使用%.1f) #include <stdio.h&g ...

  3. input 限制只能输入数字,且保留小数后两位

    <input @keyup="value=oninput(value)" @change="value=oninput(value)"/> js方法 ...

  4. 正则表达式--限制input输入0~1之间的小数,含0,1,最多两位小数

    一个简单的正则表达式,工作中可能经常用到,限制字符串的输入.数字的输入,这些用一个onkeyup就解决了,如:οnkeyup="value=value.replace(/[^\d]/g,'' ...

  5. 使用js控制input填写的限制,比如只能写数字和英文,不能输入中文

    1.只能输入英文字母和数字,不能输入中文 <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 2.只能输入字 ...

  6. 笨办法学python3 pdf 脚本之家_解决python3输入的坑——input()

    如下所示: a,b,c,d = input() 很简单的代码,如果输入为 1 -1 -2 3 结果会报错,原因在于input函数会将你的输入作为python脚本运行,那么输入就变成了 1-1 -2 3 ...

  7. html5 规定输入字段,HTML5 Input属性详解

    本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...

  8. python input函数无法输入字符串_python input输入函数

    3.0以后的版本跟2.7的版本在语法上有一些差别的. 3.0中的input(),其实对应的是2.7中的raw_input(),功能是读取用户输入的字符串,也就是说你在3.0中用imput获取的x.y其 ...

  9. 使用 jQuery 的 Autocomplete 插件实现input输入提示功能 input 输入模糊提示demo

    如何使用 HTML5 实现 文本框输入内容后带有模糊匹配的功能.这其实很简单,而且jQuery也为我们提供了相应的插件 Autocomplete.js.这不是一项新技术,百度一搜有很多相关的文章.在这 ...

  10. 创建输入控件(input控件、文本框、密码框、单项选择、多项选择、重置与提交按钮的设置)

    创建输入控件 input控件的相关概念 input控件的属性 input控件的类型 文本框的设置 密码框的设置 单项选择的设置 多项选择的设置 重置与提交按钮的设置 综合运用 相关概念选择题及参考答案 ...

最新文章

  1. cocos2dx-2.2.0的开始
  2. qt槽函数如何传递多个参数_Qt:在发出信号后尝试将多个引用传递给槽函数
  3. windows ternimal 使用
  4. 车险赔付率分析报告_车险改革究竟是涨价还是降价了?9月19号后买会便宜吗?...
  5. 自行实现高性能MVC
  6. 【C语言进阶深度学习记录】十八 条件编译的使用与分析
  7. 基于 HTML5 WebGL 的 3D 服务器与客户端的通信
  8. 【学习笔记】 IPv4地址、NAT与子网掩码、子网划分
  9. linux自动化测试脚本,linux iperf3 一键自动化测试脚本
  10. 漫画:996 的本质是什么?
  11. 设计模式学习笔记三:工厂方法模式
  12. selenium常用的API
  13. 从 0 基础到 10w 册数据分析书籍的畅销书作家
  14. VR眼镜连接android设备,VR眼镜怎么连接手机 VR眼镜使用教程
  15. linux关机会自动重启,linux——如何在linux下让系统定时自动重启(关机)
  16. 苹果8参数_iPhone11 iPhone11Pro哪里买最便宜靠谱划算 2020双十一苹果手机购机攻略...
  17. 2021.09.27-10.3 AI行业周刊(第65期):坚持的力量
  18. 1、OPenGL ES - 简介、iOS中GLKit简单应用
  19. 在自启动的.rc文件中添加服务
  20. 使用 GCD 实现倒计时效果

热门文章

  1. 如何介绍自己的项目经验?
  2. 使用js实现textarea文本域长度,限制输入字数并统计剩余输入字符数
  3. 中国工程院院士倪光南:政府应加大核心技术市场化引导
  4. python中‘ ‘.join()的使用
  5. 【回顾】巨杉数据库中标渤海银行,股份制银行再下一城
  6. javascript之原型,原型链
  7. python里output是什么意思_Python入门系列:Input/Output
  8. PRML读书笔记 第十一章 采样方法(1)
  9. HTML_龙湖地产界面自制
  10. 2020叉车司机考试及叉车司机模拟考试题库