Многоступенчатая форма с jQuery, которая ухудшается, если JS отключен

Question

В настоящее время у меня установлена ​​моя форма, чтобы каждый раздел обновлялся с помощью Ajax, однако он не деградировал изящно с выключенным JavaScript, и я изучил каждая часть формы находится в отдельном виде, которое прекрасно работает, но не настолько велико, чтобы быть честным.

Я знаю, что клиент хочет, чтобы он выглядел красиво, поэтому я подумал об использовании jQuery, чтобы отображать и скрывать формы, поэтому, если JavaScript выключен, все формы встраиваются в одну длинную форму. Однако единственная проблема, с которой я сталкиваюсь, заключается в том, что после каждого раздела пользователь должен представить эту информацию для ее проверки до следующего этапа. Как я могу это сделать, если JavaScript отключен, потому что другие формы будут видны ...

Любые идеи? Благодарю.

Answer 1

Возможно, вам придется использовать одну длинную форму, разделенную на разделы, а затем, если включен JavaScript, вы можете скрыть все разделы, кроме одного, за один раз, обеспечивая навигацию между разделами (например, через tabs).

В качестве альтернативы, вы можете посмотреть на использование script и noscript секции, но вы в конечном итоге дублирования формы (один раз в script секций, один раз в noscript секциях), и он начинает получать быть проблемой обслуживания.

Answer 2

Что вы делаете неправильно, так это то, что вы думаете об обратном. Когда вы работаете с отключенным javascript, гораздо проще применить некоторые функции javascript.

В дополнение к этому я бы отображал различные формы, основанные на каждом шаге в процессе, в котором находится пользователь. И в эту форму передайте значения с последнего шага в скрытые поля. Таким образом, вы можете иметь «ступенчатую» регистрацию без js.

? Шаг = 1, и пусть говорят, что вы используете PHP <?php if (isset($_GET['step']) && $_GET['step'] == '1'): ?>

Тогда просто загрузите ту часть, которая содержит форму с Ajax.