Question

我正在尝试自动填写演示Rails应用程序的登录表单。使用devise进行身份验证。我在这里有HTML.erb文件的基本形式：

<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
  <div class="field" name="email">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field" name="password">
    <%= f.label :password %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

在我的js文件中，我正在尝试

document.addEventListener('DOMContentLoaded', function () {
  var email_input = (document.querySelector('div[name="email"]').value =
    "demouser@mail.com");
  var password_input = document.querySelector('div[name="password"]');
  password_input.value = "password"
})

我了解到，如果将选择器包装在“ DOMcontentLoaded” eventListener中，则可以使当前代码正常工作。现在我的问题是如何更深入地选择Rails电子邮件和密码字段。预先感谢。

Answer 1

没关系，我在devtools中检查了html并发现它只是一个输入标签。交换div作为输入，它可以工作。谢谢

使用查询选择器修改HTML.erb表单

1 个答案: