Форма отправки 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, однако форма не имеет идентификатора или элементов класса, что меня разочаровывает, поэтому я в тупике и, похоже, не могу найти способ отправить все формы в общем виде. Более того, это создало бы проблемы в дальнейшем, поскольку на каждой странице запрашивается файл .JS, в который я его помещаю, он будет пытаться отправить формы.
Итак вариант 2.
Могу ли я принудительно "щелкнуть" кнопку отправки на class = "btn btn-ghost webtvloginprocess rippler rippler-default" автоматически после загрузки страницы?
И как бы я поступил так, чтобы это случилось в последнюю очередь?
Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Поместите точки перед каждым именем класса (вместо пробелов), чтобы вы могли нажать там кнопку со строкой запроса
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>Отличный ответ! однако не хватало работы после загрузки страницы, мне нужно
Обычно вы должны размещать свои скрипты внизу <body> или давать им тег defer для этого.
Ты имеешь в виду
window.addEventListener("load",function() { // after page has loaded
var but = document.querySelector(".webtvloginprocess.rippler.rippler-default");
if (but) but.click();
})
Это может привести к ошибке безопасности, потому что это не инициировано пользователем.
$( document ).ready(function() { $('button[type = "submit"]').click(); });