当input的value值是数字时,在JS中如何获取并拿来比较

<!DOCTYPE html>
<html>
<body>
<p>请输入数字。如果AC长小于AB长,弹出提示。</p>
<p><label id="label_ab" for="ab">AB长:</label> <input name="bc" id="ab" type="text" value="100"/></p>
<p><label id="label_ac" for="ac">AC长:</label> <input name="bd" id="ac" onblur="myfunction_ac()" type="text" value="144" /></p>
<p style="color:#FF0000"> AB为100,AC为2,AC长少于AB长,为什么不报警。</p>

<script>
function myfunction_ac()
{
var varab=document.getElementById("ab").value;
var varac=document.getElementById("ac").value;

if (varac<=varab) {
alert ("请根据三角形定律,准确输入数值");
}
}
</script>

</body>
</html>

先将字符串转数字再比较,代码如下

//先判断是否为数字
if(!/^\d+(\.\d+)?$/.test(ab)){
alert('ab必须为数字');
return;
}
if(!/^\d+(\.\d+)?$/.test(ac)){
alert('ac必须为数字');
return;
}
//字符串转浮点类型
var x=parseFloat(ab);
var x=parseFloat(ac);
if (varac<=varab) {
alert ("请根据三角形定律,准确输入数值");
}

追问

大哥,在你电脑上验证过了没,我在电脑上把你这代码复制过秋,什么效果也没有啊,在input里不管输入什么值都没反应啊。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-01-06
var varab=parseInt(document.getElementById("ab").value);
var varac=parseInt(document.getElementById("ac").value);

parseInt()将字符串转化为数字

你不转的话 字符比较是一位位的比的
‘1'<'2' -> '100'<'2'追问

你这方法我也试了,不行啊大哥。
能帮我在你电脑上运行下么。
我实在写不出来。做不出效果啊。

追答

这两行代码是对的啊,我验证过才发出来的。

相似回答