Как добавить переменную js в форму?

<form action = "recapitulatif.html" onsubmit = "return isValidForm()" method = "get" id = "form">

</form>

Привет, у меня есть эта форма, которая ведет на мою следующую страницу и добавляет входные данные в качестве параметров. Я хотел бы добавить переменную js (назначение) к параметрам. Это назначается другой формой на предыдущей странице.

я пытался добавить

let destination=findGetParameter('destination');
document.getElementById("form").action=("recapitulatif.html?destination = "+destination);

В функции isValidForm() я использую для проверки правильности ввода, но она не работает.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
80
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете извлечь проверку и использовать URL API

<form action = "recapitulatif.html" method = "get" id = "form">
</form>

JS:

document.getElementById("form").addEventListener("submit",function(e) {
  if (!isValid(this)) 
    e.preventDefault();
    return
  }
  const destination=findGetParameter('destination'); // I do not know what findGetParameter does
  const url = new URL(this.action);
  url.searchParams.set("destination",destination)
  this.action=url.toString();
});
Ответ принят как подходящий

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

Таким образом, когда вы отправляете форму, значение поля назначения будет отправлено.

<form action = "recapitulatif.html" method = "get" id = "form">
    <input id = "destination" type = "hidden"/>
</form>

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

Другие вопросы по теме