两种解决用户名与密码都为空时焦点的问题

孙健坤 · 发表于 2013-2-7 19:13:28

第一种定义一个表示是否已获得焦点的变量，是一种比较优雅的方法

<html>

<head>

<title>focus</title>

function checkForm(myForm) {

var msg = "";

var setFocused = false; //是否已获得焦点

if(myForm.account.value == "") {

msg += "帐号不能为空！\n";

myForm.account.focus();

setFocused = true;

}

if(myForm.password.value == "") {

msg += "密码不能为空！\n";

if(!setFocused) { //如果账号已获得了焦点则密码不获得焦点

myForm.password.focus();

setFocused = true;

}

if(msg != "") {

alert(msg);

return false;

}

return true;

}

</script>

</head>

<body>

<table>

<tr>

<td>

用户帐号

</td>

<td>

</td>

</tr>

<tr>

<td>

用户密码

</td>

<td>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

第二种列出所有的情况，是一种比较笨拙的方法，只有两个字段还好，要是字段多了判断起来就麻烦了。

<html>

<head>

<title>focus</title>

function checkForm(myForm) {

var msg = "";

if(myForm.account.value == "") {

msg += "帐号不能为空！\n";

myForm.account.focus();

}

if(myForm.account.value != "" && myForm.password.value == "") {

msg += "密码不能为空！\n";

myForm.password.focus();

}

if(myForm.account.value == "" && myForm.password.value == "") {

msg += "帐号不能为空！\n 密码不能为空！\n";

myForm.account.focus();

}

if(msg != "") {

alert(msg);

return false;

}

return true;

}

</script>

</head>

<body>

<table>

<tr>

<td>

用户帐号

</td>

<td>

</td>

</tr>

<tr>

<td>

用户密码

</td>

<td>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

		自动登录	找回密码
密码			立即注册