Javascript / Jquery Отправить форму без идентификатора или класса, после загрузки страницы - PullRequest
Новая
       29

Javascript / Jquery Отправить форму без идентификатора или класса, после загрузки страницы

0 голосов
/ 14 октября 2018

У меня есть веб-сайт, и у нас есть доступ только к файлам .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, однако у формы нет идентификаторов или элементов класса, поэтому я в замешательстве и не могуПохоже, вы нашли способ отправить все формы.Более того, это создаст проблемы в дальнейшем, так как на каждой странице запрашивается файл .JS, в который я его помещаю, он будет пытаться отправить формы.

Итак, вариант 2.

Могу ли я форсироватькнопка отправки с class="btn btn-ghost webtvloginprocess rippler rippler-default", которую нужно «нажать» автоматически после загрузки страницы?

И как мне поступить так, чтобы это произошло в последнюю очередь?

Спасибо

Ответы [ 2 ]

0 голосов
/ 14 октября 2018

Вы имеете в виду 

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

Это может привести к ошибке безопасности, поскольку не инициировано пользователем

0 голосов
/ 14 октября 2018

Поставьте точки перед каждым именем класса (вместо пробелов), чтобы вы могли выбрать там кнопку со строкой запроса 

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

, а затем просто click(), если она существует: 

const btn = document.querySelector('button.btn.btn-ghost.webtvloginprocess.rippler.rippler-default');
if (btn) btn.click();
<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>
...