Скрытые, обязательные поля в форме не фокусируются

У меня проблема с отправкой формы, которая содержит только скрытые, требуемые поля. Я получаю следующие сообщения об ошибках: "Недопустимый элемент управления формы с name='lat0' не фокусируется". "Недопустимый элемент управления формы с именем='lng0' не может быть фокусирован."

Рассматриваемые поля получают значения в js-скрипте, который позволяет пользователю поместить булавку на карту, а затем копирует в них координаты из булавки.

Дело в том, что мне нужно отправить эти координаты без изменений в бэкенд, поэтому они должны быть "скрытыми" и "обязательными", если я уберу "обязательный", то поля будут пустыми при отправке. будут пустыми, когда они будут отправлены.

Я понимаю, что форма - это единственный способ отправки переменных, если есть альтернатива, я буду рад использовать ее.

Ниже приведен мой код, переменные, о которых идет речь, вставлены в div с id "coords-container" :

<form id="locationForm" method="post">
                   {%  csrf_token %}
                    <!-- Here we create a form with hidden variables to capture the addresses and co-ordinates to
                    pass to backend -->
                        <div id="coords-container" hidden class="dynamic"></div>
                        <input type="submit" id="locationsubmit" value="Submit" class="report-buttons">
                        
                    </form>

Буду признателен за любые предложения. Спасибо.

Вернуться на верх