验证登录模块文本框是否为空

js的命名规则是比较严格的,要养成一个好的习惯。

经常会遇到制作登录模块,验证文本框输入是否为空就成了一个常见的问题,用js来验证是最方便不过的了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
function check()
{
if(document.admin.admin_name.value=="")
{
alert("请输入用户名!");
document.admin.admin_name.focus();
return false;
}
if(document.admin.admin_pwd.value=="")
{
alert("请输入密码!");
document.admin.admin_pwd.focus();
return false;
}
return true;
}
</script>
1
2
3
4
5
6
7
8
9
10
11
<form name="admin" action="admin/login_check.asp" method="post" onsubmit="return check()">
   <br />
用  户<br />
<input name="admin_name" type="text" style="width:120px; height:15px; border:1px solid #cccccc;">
 <br />
密  码<br />
<input name="admin_pwd" type="password" style="width:120px; height:15px; border:1px solid #cccccc;">
<div style="height:5px;"></div>
<input type="submit" name="submit"  value="登  录" style="border:1px dashed #cccccc; background-color:#FFFFFF; width:80px; height:25px; font-size:12px; color:#666666;"> <br />
<input type="reset" name="reset" value="重  置" style="border:1px dashed #cccccc; background-color:#FFFFFF; width:80px; height:25px; font-size:12px; color:#666666;">
</form>