Программно ввести текст и отправить форму

Question

Есть сайт: https://msk.tele2.ru/lk, при переходе открывается форма, мне нужно ввести номер в поле и нажать далее, в консоли я написал нечто подобное, но все равно не выходит нажать, буду рад если поможете разобраться

document.getElementById("keycloakAuth.phone").value = "+7 951 544-13-15";
document.getElementsByClassName("keycloak-login-form__button btn btn-black")[0].click();

Answer 1

Я как-то сталкивался с данной проблемой и создавал тему: тема. В ней я решил данную проблему. И решение работает и в вашем случае:

document.getElementById("keycloakAuth.phone").value = "+7 951 544-13-15";
document.getElementById("keycloakAuth.phone").dispatchEvent(new Event('input', { bubbles: true }));
document.getElementsByClassName("keycloak-login-form__button btn btn-black")[0].click();

Вторая строчка кода сообщает, что произошло событие "input" у поля, дабы сработал обработчик на сайте.

Answer 2

document.getElementById('keycloakAuth.phone').value = '+7 951 000-00-00';
document.getElementById('keycloakAuth.phone').dispatchEvent(new Event('blur'));
document.querySelector('.keycloak-login-form__button').click();

Answer 3

Не пойму как действовать дальше, там появляется 6 полей, они реагируют только на ввод текста или на ctrl + v, пытался поступить так:

document.getElementById("codeSymbolField1_0").value = 8;
document.getElementById("codeSymbolField1_1").value = 5;
document.getElementById("codeSymbolField1_2").value = 0;
document.getElementById("codeSymbolField1_3").value = 4;
document.getElementById("codeSymbolField1_4").value = 7;
document.getElementById("codeSymbolField1_5").value = 6;
document.getElementById("codeSymbolField1_5").dispatchEvent(new KeyboardEvent("keydown", {key : "v", ctrlKey: true} ));

Но результатов особо не дало, с событиями более менее пытаюсь разбираться, но до конца пока логику не пойму

БЛОГ НА HUSL

Программно ввести текст и отправить форму

Ответы (3 шт):