Хранение больших данных формы JavaScript

Question

Я изучаю JavaScript, чтобы сделать большую форму, которая остается полностью локальной (ни один веб-сервер не задействовал что-то никогда). Я очень хорошо знаком с PHP, но JavaScript для меня новичок. У меня есть форма, у которой есть еще 100 флажков и текстовых полей. Некоторые поля отображаются как «[X] Другое: [/ текстовое поле /]», поэтому, когда вы выбираете «другой» выбор, вам нужно ввести ввод. Я делаю валидацию, чтобы убедиться, что вы: A: введите текст, если вы выбрали «другое». B: убедитесь, что вы выбрали этот флажок, если вы ввели текст. Когда функция проверки обнаружит что-то не так, появляется окно предупреждения. Затем перезагружается страница (не уверен, почему), и все данные, помещенные в форму, стираются. Итак, мне нужно найти способ сохранить данные этой формы, чтобы загрузить его при перезагрузке страницы. Я начал с файлов cookie, но потом мне показалось, что существует ограничение на количество файлов cookie и их размеры. Что еще я могу сделать??? Пожалуйста помоги!

Answer 1

Ваша кнопка submit перезагружает страницу.

Например, если форма устанавливается следующим образом:

<form name="main" method="post"> 
    <!-- Lots of input fields --> 
    <button type="submit" id="subbutton">Submit!</button> 
</form> 

Это делает POST неопределенному сервера, потому что ваш form не action

Если вы уверены, что вы не вообще не нужно никакого взаимодействия с сервером, нет необходимости использовать элемент form

Это означает, что вы можете удалить form и submit элементов из вашей страницы и использовать button элемент вместо

<!-- Lots of input fields --> 
<button id="clientaction" type="button">Click me</button> 

От MDN:

Элемент HTML представляет раздел документа, содержащий интерактивные элементы управления для представления информации на веб-сервере.