这个题目我做出来了，只是这样的话，就算写了密码，还是不能按确定按钮提交，鼠标一移到确定按钮就弹出窗口！！！-慕课网

首页课程实战体系课手记专栏慕课教程

这个题目我做出来了，只是这样的话，就算写了密码，还是不能按确定按钮提交，鼠标一移到确定按钮就弹出窗口！！！

来源：6-3 鼠标经过事件（onmouseover）

慕斯2134027

2016-08-08 10:50

难道说只是为了练习

写回答关注

5回答

ChenweiSmile

2016-08-13 16:18:47

已采纳

当然这里代码的主要意图是认识onmouseover事件，确实是只为了练习。
实际情况当然不会这么设计：会在弹出对话框之前进行判断，如果已经输入了内容，就不再弹出提示，此时可按下鼠标左键，确认提交。

1 2

慕斯2134...

非常感谢！

2016-08-23 08:17:53

共 1 条回复 >

牡蛎先生: 2017-02-27 17:35:22

一般都是提交的时候在验证吧

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单列表</title>
<script type="text/javascript">
// 验证输入不为空的脚本代码
function checkForm(form) {
if(form.username.value == "") {
alert("用户名不能为空!");
form.username.focus();
return false;
}
if(form.password.value == "") {
alert("密码不能为空!");
form.password.focus();
return false;
}
return true;
}
</script>
</head>
<body>
    <form method="post" action="save.php"  onsubmit="return checkForm(this);">
       <label for="username">用户名:</label>
       <input type="text" name="username" id="username" valve=""><br/>
       <label for="password">密码</label>
       <input type="password"name="username" id="username" valve=""><br/>
       <input type="submit" name="确定" id="submit" valve="">
       <input type="reset" name="充值" id="reset" valve="">
       
    </form>
</body>
</html>

0 0

银岚丶

2016-08-12 10:08:32

所以说没任何叼用

0 0
北极猪

2016-08-08 11:32:34

onmosuover的意思就是当鼠标经过时触发事件
其他部分的代码都是无用的
就是让你看onmouseover的效果
所以输入密码和提交部分都是没用的

0 0
刘刘刘06

2016-08-08 11:26:48

逗着玩咯

0 1