提问者:小点点

使用javascript将焦点设置为web表单中的另一个字段


我有一个包含两个字段的web表单:

  1. 电子邮件
  2. 用户名

我想在电子邮件字段跟踪用户输入,当它以“。com”结束时,将焦点设置到另一个字段“用户电子邮件”

使用JavaScript或jQuery实现这一点的最佳方法是什么。


共1个答案

匿名用户

这个应该管用。 当电子邮件输入的最后4个字母是“。com”时,焦点就给出了用户名字段。

虽然这是可行的,但请考虑这可能导致的UX问题。 在你的原始帖子的评论中已经找到了一些好的。

null

$('#email').on('input', function() {
  email = this.value
  
  if (email.substr(email.length - 4) === '.com')
    $('#username').focus()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="email" type="text" placeholder="email">
<input id="username" type="text" placeholder="user name">