JavaScript--简单实现按回车键，光标跳转到后一文本框中和表单提交

最新推荐文章于 2026-03-08 00:10:23 发布

原创

最新推荐文章于 2026-03-08 00:10:23 发布 · 3.5k 阅读

标签

#javascript #鼠标

收录于

本文介绍了如何使用JavaScript实现用户按下回车键时，光标自动跳转到下一个文本框，并详细讲解了如何进行表单验证，当用户名或密码为空时显示相应提示信息。

功能：

1、按回车键，光标跳转到下一文本框中

2、验证表单，若用户名或密码为空，后面出现提示信息

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        span {
            color: transparent;
        }
    </style>
</head>
<body>
<form action="javascript: alert('提交成功');">
    用户名：<input id="username" type="text" onkeyup="usernameValidate(this)" /><span id="usernameWarn"></span><br/><br/>
    邮箱：<input id="mail" type="text" onkeyup="mailValidate(this)" /><span id="mailWarn"></span><br/><br/>
    职业：<input id="job" type="text" onkeyup="jobValidate(this)" /><span id="jobWarn"></span><br/><br/>
</form>
<button onclick="register()">注册</button>
</body>
<script type="text/javascript">
    function usernameValidate(thisObj