当将焦点切换到密码框时,密码输入框上将发生onFocus事件。在该事件处理程序中,检查用户名输入框中的内容是否为空,如果是空,则提示用户先输入用户名,并将焦点切换到用户名输入文本框上。
方法一:
<script type="text/javascript">
window.onload = function () {
var Sname = document.getElementById("txtSname");
document.getElementById("txtPwd").onfocus = function () {//onfocus: 事件
if (Sname.value == "") {
alert("用户名不能为空");
Sname.focus();
}
}
}
</script>
</head>
<body>
用户名:<input id="txtSname" type="text" /><br />
密码 :<input id="txtPwd" type="text" /><br />
<input id="btnOK" type="submit" value="submit" />
</body>
</html>
方法二:
<script type="text/javascript">
function checkName(frm) {
if (frm.user.value == "") {
alert("用户名不能为空");
frm.user.focus();
}
}
</script>
</head>
<body>
<form method="post" action="">
用户名:<input id="txtSname" name="user" type="text" /><br />
密码 :<input id="txtPwd" οnfοcus="checkName(this.form)" type="text" /><br />
<input id="btnOK" type="submit" value="提交" />
</form>
</body>
</html>