试着编写一个html的登录页面，实现对用户名、密码两个表单必填的提醒

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

宋异人
2012-06-12 · TA获得超过505个赞

知道小有建树答主

回答量：477

采纳率：100%

帮助的人：241万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>用户登录</title>
</head>
<body>
<script language=javascript>
function check(f)//检测函数
{
if(f.user.value=="")//如果用户名为空
{
alert("请输入用户名！");//弹出提示框
f.user.focus();//文本框获取焦点
return false;//返回错误
}
if(f.pw.value=="")
{
alert("请输入密码！");
f.pw.focus();
return false;
}
return false;
}
</script>
<form onsubmit="return check(this)" action="">
用户名：<input type=text name=user><p>
密码：<input type=password name=pw size=21><p>
<input type=submit value=提交>
</form>
</body>
</html>

已赞过 已踩过<

评论收起

区块城市（广州）科技发展

广告2024-10-20

何为web3.0.0网站不拘一格的元宇宙城市，去中心化的何为web3.0.0网站，轻松开启你的元宇宙生涯人人都可加入的何为web3.0.0网站，无需下载安装

www.gzbluedata.com

热爱星b
2012-06-08 · TA获得超过367个赞

知道小有建树答主

回答量：217

采纳率：50%

帮助的人：114万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
jq(document).ready(function () {
jq("#btn_ok").click(function () {
if (jq("#name").val() == "" || jq("#pwd").val() == "") {
alert("用户名或密码不能为空!");
}
});
});
</script>
</head>
<body>
<div id="login">
用户名：<input id="name" type="text" />
<br />
密码：<input id="pwd" type="text" />
<br />
<input id="btn_ok" type="button" value="登录" />
</div>
</body>
</html>