我就想问我的这个代码怎么用回车键跳到另一个文本框

xg81138976 2015-09-06 06:02:31

<!DOCTYPE html>

<html>

<head>

<meta charset="gbk">

<title>用户注册</title>

<script type="text/javascript"src="用户注册.js"></script>

</head>

<body>

	<form action="" onsubmit="return check();" id="form">

		<table>

			<tr>

				<td>用户名:</td>

				<td><input type="text" name="userName" onfocus="showHow();"

					onblur="showWrong();"/><span id="userMsg"></span></td>

			</tr>

			<tr>

				<td>密码:</td>

				<td><input type="password" name="password" onfocus="showHow2();"

					onblur="showWrong2();" /><span id="passMsg"></span></td>

			</tr>

			<tr>

				<td></td>

				<td>

					<input type="submit" value="确定"/>

				</td>

			</tr>

		</table>

	</form>

</body>

</html>

function showHow() {

	var msg = document.getElementById("userMsg");

	msg.innerHTML = "首位为字母的4-16位数字、字母、下划线";

}

function showWrong() {

	var msg = document.getElementById("userMsg");

	var name = document.getElementById("form").userName;

	if (name.value == "") {

		msg.innerHTML = "用户名不能为空";

		return false;

	}

	if (name.value.length < 4) {

		msg.innerHTML = "用户名长度须大于4位";

		return false;

	}

	if (name.value.length > 16) {

		msg.innerHTML = "用户名长度须在16位以内";

		return false;

	}

	var reg = /^[a-zA-z]{1}\w{3,15}$/;

	var result = reg.test(name.value);

	if (result == false) {

		msg.innerHTML = "输入用户名格式错误";

		return false;

	}

	return true;

}

function showHow2() {

	var msg = document.getElementById("passMsg");

	msg.innerHTML = "4-10个字母和下划线";

}

function showWrong2() {

	var msg = document.getElementById("passMsg");

	var word = document.getElementById("form").password;

	var reg = /^[a-zA-Z_]{4,10}$/;

	if (word.value == "") {

		msg.innerHTML = "密码不能为空";

		return false;

	}

	if (word.value.length < 4) {

		msg.innerHTML = "密码长度须大于4位";

		return false;

	}

	if (word.value.length > 10) {

		msg.innerHTML = "密码长度须在10位以内";

		return false;

	}

	var result = reg.test(word.value);

	if (result == false) {

		msg.innerHTML = "输入密码格式错误";

		return false;

	}

	return true;

}

function check() {

	return showWrong() && showWrong2();

}

...全文

97 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2015-09-07

打赏
举报

userName增加keydown事件判断是回车阻止默认提交事件，然后条用需要获取焦点的控件的focus方法

<input type="text" name="userName" onfocus="showHow();" onkeydown="return checkCode(event)"
                       onblur="showWrong();" />

    function checkCode(event) {
        if (event.keyCode == 13) {
            document.getElementById('form').password.focus();
            return false;
        }
    }