Почему перезагружается браузер?

Question

[Virgilcry]

Функция имитация клика на кнопку отправки формы document.querySelector(".btn").click();
При отрабатывании этой функции браузер впадает в перезагрузку после чего ошибка что я делаю не так?

Throttling navigation to prevent the browser from hanging. See https://crbug.com/1038223. Command line switch --disable-ipc-flooding-protection can be used to bypass the protection

<form class="rf-form">
        <div class="modal-body">
            <div class="mb-3">
                <label for="exampleFormControlTextarea1" class="form-label modal-title">Оставьте заявку</label>
                <textarea class="form-control" name="userText" rows="3"></textarea>
            </div>
            <div class="mb-3">
                <label for="userName" class="form-label">ФИО</label>
                <input type="text" class="form-control" name="userName" required="">
            </div>
            <div class="mb-3">
                <label for="phoneNumber" class="form-label">Телефон</label>
                <input type="text" class="form-control small-form" name="userTel" data-format="+7 (ddd) ddd-dd-dd"
                    required="">
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Почта</label>
                <input type="email" class="form-control small-form" name="userEmail" required="">
                <input type="text" name="typeForm" value="request" hidden="">
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-submit rf-button-send">Отправить</button><input type="hidden"
                name="3caf4a92c1b219ac37535eb08a312845" value="1">
        </div>
    </form>
    <button class="form_acs">1</button>

    <script src="app.js"></script>

let test = true;

function bot() {
    let inputs = document.querySelectorAll(".form-control");
    let btn = document.querySelector(".btn");

    for (const input of inputs) {
        console.log(input.getAttribute("name"))
        if (input.getAttribute("name") == "userText") {
            input.setAttribute("dirname", "Дмитрий")
            console.log(1);
        }
        if (input.getAttribute("name") == "userName") {
            input.setAttribute("value", "Дмитрий")
            console.log(2);
        }

        if (input.getAttribute("name") == "userTel") {
            input.setAttribute("value", "[phone]")
            console.log(3);
        }

        if (input.getAttribute("name") == "[e-mail]") {
            input.setAttribute("value", "[e-mail]")
            console.log(4);
        }

        if (input.getAttribute("value") == "[e-mail]") {
            input.setAttribute("value", "[e-mail]")
            console.log(5);
        }
            
        

    }
}
 if (test == true) {
                document.querySelector(".btn").click();
                test = false
                console.log(6);
}

bot();

Comments

[Virgilcry]

первый раз выложил вопрос поправил оформление

[Михаил Ливач]

if (input.getAttribute("name") == "[e-mail]") {
            input.setAttribute("value", "[e-mail]")
            console.log(4);
        }

        if (input.getAttribute("value") == "[e-mail]") {
            input.setAttribute("value", "[e-mail]")
            console.log(5);
        }

Думаю, что тут ошибка и должно быть так:

if (input.getAttribute("name") == "userEmail") {
            input.setAttribute("value", "[e-mail]")
            console.log(4);
        }

[Михаил Ливач]

и зачем Вы имитируете клик по кнопке внутри формы? Чтобы отправить форму? Если да, то просто отправляйте форму:

let myForm = document.querySelector(".rf-form");
myForm.requestSubmit();

почитайте: https://developer.mozilla.org/en-US/docs/Web/API/H...

[Сергей delphinpro]

Неужели сам браузер перезагружается? o_O
Или всё-таки страница?

Answer 1

[Алексей]

Если у тебя выполнится условие input.getAttribute("value") == "[e-mail]", то он просто в стак оверфлоу улетит, какая то странно выглядящая рекурсия тут получается

если совсем упростить, то твой код выглядит вот так

// <button class="btn" onclick="bot()"></button>
function bot() {
	document.querySelector(".btn").click();
};

И так как клик ты вызываешь программно, а не руками, то стек у тебя не очищается.

Comments

[Virgilcry]

В этом случае он нажимает на кнопку 100 раз
function bot() {
document.querySelector(".btn").click();
};

[Алексей]

Virgilcry, ну дак давай тогда больше контекста, какая ошибка, какие логи показывает

[Virgilcry]

ошибку добавил
Throttling navigation to prevent the browser from hanging. See https://crbug.com/1038223. Command line switch --disable-ipc-flooding-protection can be used to bypass the protection

[Алексей]

Virgilcry, ну вот он у тебя и пытается 100+ раз сделать пушстейт в браузере, темболее если это форма, то предположу что таки данные пытается отправлять както. Проще всего переработай логику.