页面加载后，不带ID或类的Javascript/Jquery提交表单

我有一个网站，我们只能访问.js文件，因为原始PHP已经编码，开发人员已经丢失了源文件

我们要做的是在页面加载后在页面上提交表单

这是表格

<form>
          <div class="form-group">
            <label>Username</label>
            <input type="username" class="form-control logininputs" id="input-login" placeholder="Username" value="usernamehere">
          </div>
          <div class="form-group">
            <label>Password</label>
            <input type="password" class="form-control logininputs" id="input-pass" placeholder="Password" value="passwordhere">
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form_left">
            <div class="checkbox checkbox_new">
              <label>
                <input type="checkbox" id="rememberMe"> Remember me
              </label>
            </div>
          </div>
          <div class="form-group">
            <button type="submit" class="btn btn-ghost webtvloginprocess rippler rippler-default">LOGIN <i class="fa fa-spin fa-spinner hideOnload" id="loginProcessIcon"></i></button>
          </div>
        </form>

用户名
密码
记得我吗
登录

我想通过JS实现这一点，但是表单没有ID或类元素，所以我很困惑，似乎无法找到一种方法来提交所有表单。此外，这还会产生问题，因为在我放置它的.JS文件的每个页面上都会被请求，它会尝试提交表单

因此，选择2

加载页面后，我是否可以强制使用

class=“btn btn ghost-webtvloginprocess-rippler-rippler-default”

自动“单击”提交按钮

我该怎么做才能让它成为最后一件事

---

谢谢

在每个类名前面加上句点（而不是空格），这样您就可以用查询字符串选择按钮了

button.btn.btn-ghost.webtvloginprocess.rippler.rippler-default

然后单击（）it，如果它存在：

const btn=document.querySelector（'button.btn.btn ghost.webtvloginprocess.rippler.rippler默认值'）；
如果（btn）btn.click（）

用户名
密码
记得我吗
登录
你是说

window.addEventListener("load",function() { // after page has loaded
  var but = document.querySelector(".webtvloginprocess.rippler.rippler-default");
  if (but) but.click();
})

这可能会导致安全错误，因为它不是用户启动的
$（文档）.ready（函数（）{$（'button[type=“submit”]'）。click（）；}）很好的答案！但是，如果在加载页面后运行我需要的脚本，您通常应该将脚本放在
的底部，或者为此给脚本添加
延迟
标记