html - 使用 jQuery 确定字段是否已自动填充

在我们的登录页面上，我们希望关注第一个空白字段以改进 UX。如果用户名为空，则关注它。如果用户名是自动填充的，则关注密码，如果两者都填写，则关注提交按钮，等等。

但是，我们的 jQuery ( $("#username").val()) 始终为空，即使浏览器已自动填充该字段。完全理解出于安全原因，实际读取浏览器提供的用户名和/或密码会受到限制，但是有没有办法确定这些字段是否已填写？

我们不需要读取该字段的实际内容，只想知道是否有任何内容。

当我们在开发工具中检查时，类、数据或标签似乎没有任何变化。

有什么 JavaScript/jQuery/CSS 方法可以找出答案吗？

标签： htmljquery