登陆界面设计，如果用户名密码为空javascript提醒

最新推荐文章于 2023-02-14 13:49:10 发布

「已注销」

最新推荐文章于 2023-02-14 13:49:10 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

文章标签：界面设计

本文链接：https://blog.youkuaiyun.com/yyp1164868098/article/details/41847933

本文介绍如何使用JavaScript在用户输入为空时，于登录界面提供有效的错误提示。通过监听表单提交事件，检查用户名和密码字段是否为空，为空则显示警告信息，防止无效的登录尝试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<script type="text/javascript">
function checkForm(myform){
var id = myform.id.value;
var password = myform.password.value;
if(id == "") {
alert("名不能为空!");
myform.id.focus();
return false;
}
if(password == "") {
alert("姓不能为空！");
myform.password.focus();
return false;
}
return true;
}
</script>
<table>
<tr><td><img src="note.jpg"></img></td></tr>
</table>
<form action="login_conf.jsp" method="post" name="form1" onsubmit="return checkForm(this);">
<table width=50% align=center>
<tr>
<td colspan=2 align=center>登陆表列</td>
</tr>
<tr align=center>
<td>用户名</td>
<td><input type="text" name="id"></td>
</tr>
<tr align=center>
<td>密 码</td>
<td><input type="password" name="password"></td>
</tr>
<tr align=center>
<td colspan=2>
<input type="submit" value="登陆">
<input type="reset" values="重置">
</td>
</tr>
</table>
</form>