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

如题所述

<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>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-06-08
<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>
相似回答