Question

JavaScript数字校验问题

用JS校验输入必须是数字而且值在0到100间的整数，包括0和100
注意像056、002这样的输入是算错误的，谢谢~~~

输入域像这样<input type="text" name="number" maxlength="3"/>

Answer 1

帮你写了个，应该没问题
<script>
var num=document.getElementsByName('number')[0].value;
if(new RegExp(/^[1-9]\d*$/).test(num) && num>=0 && num=<100)
alert('yes');
else
alert('no');
</script>

我是刚才的一楼，楼上的稀里哗啦说了那么多，都没看清楼主的题目纠正楼上几个错误：
1.首先按楼上写法，输入002就不满足楼主条件了，
2.new RegExp(/^0|([1-9]\d+)|100$/)这个正则我很无语，这就能从0~100了？自己输入两位数以上的试试吧，不多说了.
3.怀疑楼上的不知道直接写056不需要parseInt它也是八进制的
所以parseInt(num) == num这句毫无意义的
总结：楼上不是实战派

Answer 2

<input type="text" name="number" maxlength="3" onblur="chk(this.value)"/>
<script language="javascript">
function chk(num){
alert (Math.ceil(num)==num&&num.charAt(0)!=0&&num<=100&&num>=0)
}
</script>
或者判断里面有没有小数点号.

Answer 3

一楼用了正则表达式的,其实一楼这样写也有点麻烦!
new RegExp(/^([1-9]\d+)$/)
其实楼主是骗人的,他要的就是两位数或1位数!我理解的是不包括0和100,这个式子一定是可以了,如果包括0和100时完全可以将这个值加进去的!
new RegExp(/^0|([1-9]\d+)|100$/)
所以没有必要再去判断是否在于100了!所以一楼这样写是有点浪费运行时间的!
即使用要判断的话,也是先判断简单的,因为JS存在逻辑短路的!比如:
num >0 && num<100
如果测试中发现num<=0时,则不再测试num是否小于100了,直接返回了假结果的.节省了num<100的比较的!如果是
num<0 or num >100时,若num对0进行比较,发现是一个真值时也不再进行比较,而直接返回true的!所以写程序时注意一下逻辑短路的现象.但并非所有语言都有逻辑短路的.这就要看你对这门语言的理解了!

但使用一楼和二楼的并不算是高质量的代码,因为还有一种更巧妙的办法,这个只限于楼主的这种特定条件了!不信的话你可以试一下!

就是利用这种判断:
var num = document.getElementById("num").value;
if(num>=0&&num<=100&&parseInt(num) == num)
主要是利用parseInt将其转为整数是否与原来相等来比较的!你可能会觉得像056之类的值是如何比较的.parseInt遇到0开始的会以为是8进制而得到数字的!这时再与字符串进行比较你想他们会相等吗?就算是002这类的值得两个数字上是相等的,而进行比较时2="002"吗?

当然,这里可能会引入一个错误的,所以要进行一个错误处理,用isNaN进行测试也是一个很好的办法的!

Answer 4

上面两位别争了呀～
<script>
function chk(num){
if((new RegExp(/^(?:(?!0\d)\d{1,2}(?:\.\d{1,2})?|100(?:\.0{1,2})?)$/).test(num)))
alert('yes');
else
alert('no');
}
</script>
<input type="text" name="number" maxlength="3" onblur="chk(this.value)"/>

测试000，012一些数就知道问题了