Question

JQ val() js运算出现NaN 急

js内容
$("input").keyup(function(){
if ($(".P").val() != "" &&
$(".R").val() != "" &&
$(".T").val() != ""){

var p = parseInt($(".P").val());
var r = parseInt($(".R").val());
var t = parseInt($(".t").val());

var i = p * r * t;

$(".I").val(p * r * t);
$(".FA").val(p + i);
}
});

Html内容
<input type="text" class="P form-control" placeholder="Your Inital Amount" />
<input type="text" class="R form-control" placeholder="Interest In Decimals" />
<input type="text" class="T form-control" placeholder="Years" />

<input type="text" class="I form-control" placeholder="How Much You Get" />
<input type="text" class="FA form-control" placeholder="Final Amount You Have" />

计算后。。写入input 出现 NaN

Answer 1

刚才测试了一下，是正常的

但是你这个不健壮，应该拿正则之类的过滤一下，只接受数字或者过滤掉除数字外的其他字符

我怀疑是输入的时候混入了其他字符

你可以在input的keyup事件绑定中，添加一句

this.value=this.value.replace(/\D/gi,'');

最好放在最前边

Answer 2

这个写错了

var t = parseInt($(".t").val());// 修改为parseInt($(".T").val());

原来的错误写法 实际上是对parseInt(undeifined)来运行

得到了NaN

然后NaN的任何计算结果都是NaN

追问

js分大小写么…

追答

大小写敏感