当input的value值是数字时,在JS中如何获取并拿来比较
<!DOCTYPEhtml><html><body><p>请输入数字。如果AC长小于AB长，弹出提示。</p><p><labelid="label_ab"for="ab"...
<!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> 展开
<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> 展开
2个回答
展开全部
先将字符串转数字再比较，代码如下
//先判断是否为数字
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里不管输入什么值都没反应啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var varab=parseInt(document.getElementById("ab").value);
var varac=parseInt(document.getElementById("ac").value);
parseInt()将字符串转化为数字
你不转的话 字符比较是一位位的比的
‘1'<'2' -> '100'<'2'
var varac=parseInt(document.getElementById("ac").value);
parseInt()将字符串转化为数字
你不转的话 字符比较是一位位的比的
‘1'<'2' -> '100'<'2'
追问
你这方法我也试了，不行啊大哥。
能帮我在你电脑上运行下么。
我实在写不出来。做不出效果啊。
追答
这两行代码是对的啊，我验证过才发出来的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
