Fomu za hatua nyingi bila mzigo wa ziada

Fomu za hatua nyingi bila mzigo wa ziada

Fomu nyingi hutumia njia ya POST. Watu wachache hutumia njia ya GET. GET huongeza data mwishoni mwa URL yako.

Tumia GET kupitisha data kati ya kurasa. Huhitaji backend kuhifadhi data. Huhitaji Javascript kuonyesha au kuficha sehemu (fields). Tumia vipengele vilivyojengwa ndani ya kivinjari.

• Jenga fomu yako kwa kutumia kurasa tuli (static pages).
• Tumia data ya query string kwa ajili ya mantiki (logic).
• Onyesha sehemu mahususi kulingana na majibu ya awali.

Tumia skripti hii kupitisha data kwenye kurasa mbalimbali. Inatengeneza sehemu zilizofichwa (hidden fields) kutoka kwenye URL.

window.onload = function() {
  var querystring = window.location.href.split('?')[1];
  var parameters = querystring.split('&');

  for(i = 0; i < parameters.length; i++) {
    var pair = parameters[i].split('=');
    var hiddenfield = document.createElement("input");
    hiddenfield.type = "hidden";
    hiddenfield.name = pair[0];
    hiddenfield.value = pair[1];
    document.forms[0].appendChild(hiddenfield);
  }
};

Tuma data ya mwisho kwenye seva yako kwa ombi la POST mwishoni. Data inabaki kwenye kivinjari.

Zingatia mambo haya:

• Data huonekana kwenye URL.
• Usitumie njia hii kwa nywila (passwords).
• Watumiaji wanaweza kushiriki URL zenye data zao.

Chanzo: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc