我就想问我的这个代码怎么用回车键跳到另一个文本框
<!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();
}
...全文
相关推荐
按回车键时跳到下一个表单元素的javascript代码
按回车键时跳到下一个表单元素的javascript代码<br><br>函数说明:按回车键时跳到下一个表单元素<br>JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按
JQuery 文本框回车跳到下一个文本框示例代码
`keyCode`表示按下的键的编码,当用户按下回车键时,其`keyCode`通常为13。所以这段代码检测的是用户是否按下了回车键。接下来,我们需要添加执行跳到下一个文本框的代码。
javascript 回车键后跳到下一控件
#### 核心知识点本篇文章将详细介绍如何使用JavaScript实现“按回车键后跳到下一控件”的功能,并提供一个简单的示例代码。### 关键步骤#### 1.
文本框中,回车键触发事件的js代码[多浏览器兼容]
此外,示例代码还展示了如何通过`document.getElementById("txtAdd").focus();`语句,将焦点转移到页面上的另一个元素。
按回车键依次移动光标到下一个文本框
按回车键依次移动光标到下一个文本框"的功能就是这样的一个优化,使得用户可以通过简单的键盘操作,而不是鼠标点击,来在多个文本框间切换,提高了输入效率。


