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()函数里,就可以得到相应的效果。菜鸟实在是想不出所以然啊!求大神解答。
你想要什么效果……?
先说两个情况
这个情况,传入参数是执行
getPhoneNumber
后的返回值,执行Number
的结果checkPhoneNumber
是一个基本数据类型的数字。而数字是没有length
属性的,因此checkPhoneNumber.length<11
为false
,而checkPhoneNumber
是数字又不是NaN
,所以永远不会alert
把函数放到
Number()
里,传入的参数是函数本身而不是函数的返回值,因此肯定会Number
返回NaN
,即checkPhoneNumber
的值是NaN
,也就会触发你的alert
了