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

陌听

于 2015-08-20 22:06:18 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 鼠标

本文链接：https://blog.youkuaiyun.com/she_rryn/article/details/47816701

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能：

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