                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么不能有条件地弹窗

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
    function message(){
    passwd=document.getElementById("password").value;
    if(passwd=="")
      {confirm("请输入密码后，再单击确定!");} }
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" id="password">
<input name="确定" type="button" value="确定" onmouseover="message()"/>
</form>
</body>
</html>

我想让他先判断，如果输入框为空再弹窗，否则不弹窗，但是没有效果，执行上面的代码不弹窗。

CharlesLvm

2016-07-13

源自：JavaScript进阶篇 6-3

关注问题我要回答

922

操作

收起

7 回答

qq_囧rz_0
2016-07-13

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> 鼠标经过事件 </title>
    <script type="text/javascript">
        function message(){
             var passwd = document.getElementById("password").value;
            console.log(passwd);
            if(passwd ===""){
                confirm("请输入密码后，再单击确定!");
            }
        }
    </script>
</head>
<body>
<form>
    密码:<input name="password" type="password" id="password">
    <input name="确定" type="button" value="确定" onclick="message()"/>
</form>
</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

qq_囧rz_0
2016-07-13

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function message(){
var passwd = document.getElementById("password").value;
if(passwd ==""){

}else {
confirm("请输入密码后，再单击确定!");
}
}
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" id="password">
<input name="确定" type="button" value="确定" onmouseover="message()"/>
</form>
</body>
</html>