登录页面光标的控制

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<%
	String path = request.getContextPath();
%>

<link rel="stylesheet" href="<%=path%>/css/blj_style.css"
	type="text/css" />

<title>Login</title>
<script type="text/javascript" charset="UTF-8"
	src="<%=path%>/js/jquery.js"></script>
<script type="text/javascript" language="javascript">
		$(document).ready(function () {
		var msgFlg = $("#msgId").val();
		if(msgFlg=="error")
			{
				$("#usernameId").val($("#userId").val());
				alert("用户名或密码错误,请重新输入");
				$("#usernameId").focus();
				$("#msgId").val("");
				return false;
			}
        if ($("#usernameId").val() == "") {
        	$("#usernameId").focus();
        	return false;
        }else{
        	alert("密码不能为空");
        	$("#passwordId").focus();
        }
        });

        function CheckData(){
			if(form.username.value==""){

				window.alert("用户名错误");
				$("#usernameId").focus();
				return false;
			}

			function checkForm1()
			{
			$("#usernameId").val("");
			$("#passwordId").val("");
			return false;
			};
		};
	</script>
</head>
<body>
<s:form action="LoginAction" namespace="/login" name="form" id="formId">
	<s:hidden id="msgId" name="msgFlg"></s:hidden>
	<s:hidden id="userId" name="%{#application.userName}"></s:hidden>
	<table width="100%" height="100%" border="0" cellpadding="0"
		cellspacing="0">
		<tr>
			<td height="600" align="center" valign="middle">
			<table width="795" border="0" cellpadding="1" cellspacing="1"
				bgcolor="#2c9cee">
				<tr>
					<td width="797" bgcolor="#FFFFFF">
					<table width="795" border="0" align="center" cellpadding="0"
						cellspacing="0">
						<tr>
							<td colspan="2"><img src="<%=path%>/images/login_bg.jpg"
								width="795" height="321" /></td>
						</tr>
						<tr>
							<td width="565"><img src="<%=path%>/images/login_bg2.jpg"
								width="565" height="141" /></td>
							<td width="228" valign="top">
							<table width="229" border="0" cellpadding="2" cellspacing="0"
								class="txt">
								<tr>
									<td colspan="3" valign="top"><img
										src="<%=path%>/images/login_conner.jpg" width="77" height="22" /></td>
								</tr>
								<tr height="1">
									<td width="228" align="left" colspan="2"><s:textfield
										name="username" label="用户名" id="usernameId"
										cssStyle="width:145px;" /></td>
									<td></td>
								</tr>
								<tr height="1">
									<td width="228" align="left" colspan="2"><s:password
										name="password" label="密  码" id="passwordId"
										cssStyle="width:145px;" /></td>
									<td></td>
								</tr>
								<tr>
									<td align="right" colspan="2" height="8"><s:submit
										value="登录" theme="simple" method="login" onclick="CheckData()"/>
									<s:reset value="取消" theme="simple" />   </td>
									<td> </td>
								</tr>
							</table>
							</td>
						</tr>
					</table>
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
	<!--<s:submit value="xml_ivtList" method="xml_ivtList"/>-->
	<!--<s:submit value="xml_login" method="xml_login"/>-->
	<!--<s:submit value="xml_newsList" method="xml_newsList"/>-->
</s:form>
</body>
</html>
前两天有个任务用struts2作登录页面,页面时很快就出来了,但是光标成了我的难点,在网上找了好多也没有整正确要么是密码错误的时候没法保存用户名,要么就是密码错误光标不停留在密码框内,最后还是在网上求助解决的,当我看到代码的时候特别感慨,也走了不少弯路,为了让也同样遇到这个问题的少走点弯路,特在此分享一下。 需要实现的功能:初始化的时候光标停留在用户名框内,密码错误,保存用户名,情况密码框光标停留在密码框内.......

转载于:https://my.oschina.net/yangxin540/blog/118011

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值