HTML5 number类型文本框step属性的验证机制
导读：收集整理的这篇文章主要介绍了html5教程-HTML5 number类型文本框step属性的验证机制，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。...
收集整理的这篇文章主要介绍了html5教程-HTML5 number类型文本框step属性的验证机制，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 我在下一盘很大的棋，本文只是其中的一个棋子。
需要提前知道的：
- 目前而言，对
step雄起的浏览器为IE10+, Chrome以及Opera浏览器。 - 需要预先知道
number类型input的一些基本知识。 - HTML5
step的验证机制可以应用在不支持的浏览器上。
问题引导，威逼利诱
如下一小段含step属性的HTML代码：
input tyPE="number" step="2.1" min="1" />
在Chrome浏览器下长相应该是下面这个样子（假设限宽70像素）：
下面提问，请问：
对于上面的number框，下面几个数值哪些是有效的？A. 1.0
B. 2.1
C. 3.1
D. 4.2
我的答案是：
(function() {
VAR eleAnswer = document.getElementById("answer"), eleSure = document.getElementById("answersure");
eleSure.onclick = function() {
if (/^c|a|3/.1$/i.test(eleAnswer.value) || Number(eleAnswer.value) === 1){
alert("不错嘛，回答正确！");
}
else if (eleAnswer.value){
alert("%>
_
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5 number类型文本框step属性的验证机制
本文地址： https://pptw.com/jishu/586966.html