HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="myjs.js"></script>
<input type="text" id="phoneNumber" />
<input type="submit" onclick="checkInputForm()"/>
</body>
</html>
——————————————————————————————————————————————————————
JS代码如下：
①function getPhoneNumber(){
var getPhoneNumber=document.getElementById("phoneNumber").value;
return getPhoneNumber;
}
②function checkInputForm(){
var checkPhoneNumber=Number(getPhoneNumber());
if(checkPhoneNumber.length<11||isNaN(checkPhoneNumber)){
alert("wrong form");
}
}
如果JS如上写法的话网页怎么也跳不出对话框；如果把①函数全部代码放到Number()函数里，就可以得到相应的效果。菜鸟实在是想不出所以然啊！求大神解答。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input type="text" id="phoneNumber" />
<input type="submit" onclick="checkInputForm()"/>
<script type="text/javascript" src="myjs.js"></script>
</body>
</html>
改成这个试试
你想要什么效果……？
先说两个情况
Number(getPhoneNumber())
这个情况，传入参数是执行getPhoneNumber后的返回值，执行Number的结果checkPhoneNumber是一个基本数据类型的数字。而数字是没有length属性的，因此checkPhoneNumber.length<11为false，而checkPhoneNumber是数字又不是NaN，所以永远不会alert
Number(整个函数)
把函数放到 Number() 里，传入的参数是函数本身而不是函数的返回值，因此肯定会 Number 返回 NaN，即checkPhoneNumber的值是NaN，也就会触发你的alert了