Как с помощью JS заполнить поле (input) на чужом сайте?

Question

[fOrZe0]

Доброго времени суток! Задача состоит в следующем: имеется чужой сайт, на котором есть поле ввода (input) и кнопка (button). Мне нужно периодически заполнять поле и нажимать на кнопку. Со вторым проблем не возникает. А с заполнением поля проблема в том, что визуально оно заполняется, но при нажатии на кнопку, появляется сообщение, что его необходимо заполнить. Вот сам input с сайта.

<input class="cart-item-sum__input ng-pristine ng-valid ng-empty ng-touched" ng-model="item.sumValue" ng-disabled="item.isProcess" ng-keypress="hcart.checkoutIfPressEnter($event)" ng-keyup="hcart.checkoutIfPressEnter($event)"  style="">

Я заполнял его след. образом :$("<тут селектор>").focus().val(123);

Что я делаю не так?

Comments

[Александр]

Возможно я не достаточно подкован, и все же, я знаю, что это делается через api, но если на втором сайте не предусмотрено api, то как вы делаете нажатие на кнопку?

[Дмитрий Беляев]

попробуйте dispatch'ить input'у событие change
на сайте судя по атрибутам ангуляр, и код сайта ждет данные в модели, а чтоб они там оказались, нужно чтоб ангуляр увидел, что поле изменилось

[fOrZe0]

Александр, $('<селектор кнопки>').click();

Answer 1

[lamer350]

У вашего input нет id="input"
Обращение в jQuery по # - это обращение к ID элемента.
Вам нужно обращаться к форме так: $('.cart-item-sum__input').val('123');
При условии что class cart-item-sum__input не повторяется в документе

Comments

[fOrZe0]

Я id #input написал для примера, т.к. он довольно большой. Сейчас исправлю)

[lamer350]

fOrZe0, Там вообще ID нет. Если вы обращались к ID - то скорее всего из за этого и ошибка.

[lamer350]

Но если у вас получается его заполнение даже, то возможно там стоит защита какая нибудь при валидации, на keyup или типа того. Я к примеру на своих сайтах никогда не использую капчу так как достаточно два простых метода проверки бота, один на keyup, второй с скрытым input. За 7 лет работы ни одного спам письма)

[fOrZe0]

lamer350, с обращением проблем нет. Я выводил полученный объект в консоль и он совпадал с нужным мне input'ом . Обращался по селектору

body > div.body-container.ng-scope > div.main_block.main_block_min-app > div.right_block.ng-scope > div.cart-container.ng-scope > div > div.cart__container.ng-scope > div > div.scroller_wrapper.ng-scope > div.scroller > div > div > div.cart-item-sum > span.cart-item-sum__input-container > input

Просто решил его не писать, чтобы не захламлять вопрос.

[fOrZe0]

lamer350, как вы думаете, может быть проблема в методах ng-keypress и ng-keyup? Я вешал свой слушатель событий 'keyup' и 'keypress' на input и смотрел, какой event там проскакивает. Потом, когда заполнял поле с помощью JS, пытался методам ng-keypress и ng-keyup отправить этот event, но проблемы это не решило.

[Stalker_RED]

fOrZe0, попорбуйте отправить обычный keypress и keyup

[fOrZe0]

Stalker_RED, Вы имели ввиду так?

var elem = $('body > ... > input');

var eventPress = new Event("keypress");  
var eventUp = new Event("keyup");  

eventPress.which = 97;
eventUp.which = 97;

elem.focus();
elem.val(11);

elem.keypress(eventPress);
elem.keyup(eventUp);

[Stalker_RED]

fOrZe0, нет
не elem.keypress и elem.keyup, а скорее
api.jquery.com/trigger

[fOrZe0]

Stalker_RED, это тоже не работает. Скорее всего, там действительно какая-то защита

[Stalker_RED]

fOrZe0, запросто, могут проверять isTrusted
https://developer.mozilla.org/ru/docs/Web/API/Even...