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

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();
}
...全文
93 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;
        }
    }
似梦飞花 2015-09-07
  • 打赏
  • 举报
回复
onkeyup focus()
DaveLeeCN 2015-09-07
  • 打赏
  • 举报
回复
你的要求实际上的逻辑需要这样写: 文本框1在聚焦的过程中监听键盘输入,如果输入的是回车键,则文本框1失去焦点,文本框2获得焦点。

87,885

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧