Ссылка onclick="location.href" не поддерживает required. Чем заменить required?

Так поля формы не передадутся.

0) в form action прописать.

1) сделать обычную "человеческую" форму или использовать

2) $.post()

Да, но в таком случае не передаются данные из формы.

(function main() {

		var form = document.querySelector("#user-greeting > form");

		var section = document.querySelector("#user-greeting > section");

		

		function changeView() {

			if ("name" in localStorage) {

				form.style.display = "none";

				section.style.display = "";

				document.querySelector("#user-greeting .name").textContent = localStorage.name;

			} else {

				section.style.display = "none";

				form.style.display = "";

			}

		}

		

		form.addEventListener("submit", function(event) {

			event.preventDefault();

			var data = new FormData(form);

			localStorage.name = [data.get("name"), data.get("family")].join(" ");

			changeView();

		});

		



		changeView();

	})();

Здрасьте, приехали.. 😂

Изначально "человеческие формы" предназначены для передачи между страницами данных формы.. без всяких js, vbs.. и уж тем более jQuery, ajax-ов и прочего излишнего непотребства..

Да, а сейчас не 2000 год, и иногда нужно передавать с помощью формы как вы выразились разные непотребства.

Вам же посоветовали выше - используйте jquery если хотите извращений. location.href это не про формы.

ну придется городить велосипед. Иначе никак.

ivan-lev, Такую конструкцию часто используют, для защиты от авторегистраций, да вообще от автозаполнения машинами. Система обходится на раз, но против 99.9% ботов работает на ура.

Против 99% (как считали?) ботов работает скрытое от пользователя поле со стандартным именем (email, login, name), которое боты заполняют.. и/или добавленное заполненное JS-ом при выводе или submit-е формы.. При этом реальное поле просто с другим именем. Если у спамеров нет цели "на конкретный сайт", то такого вполне хватает.

Ничего с тех пор не изменилось - передаются данные.. Формально, можно даже обойтись без форм.

Все велосипеды уже давно нагорожены.. Но можно и свой нагородить...

Однако, осмелюсь предположить, что пост совсем не про это..

Digistive, Вы определитесь, что хотите-то.. В коде у вас про localStorage, который в куки запоминает.. 😂 А потом что-то про передачу данных, которая на самом деле этим же кодом и перехватывается..

А вместо required, если есть понимание, что там происходит, можно просто добавить проверку на заполненность где-то по соседству с вызовом changeView

			localStorage.name = [data.get("name"), data.get("family")].join(" ");

Против Хрумера уже довольно давно (как минимум с 16 версии) этот способ не работает, если руки у человека прямые.

А руки у большинства спамеров как раз кривые 🤪