טפסים רב-שלביים ללא סיבוכיות מיותרת

רוב הטפסים משתמשים בשיטת POST. מעטים משתמשים בשיטת GET. GET מוסיפה נתונים לסוף ה-URL שלך.

השתמשו ב-GET כדי להעביר נתונים בין דפים. אין צורך ב-backend כדי לאחסן נתונים. אין צורך ב-Javascript כדי להציג או להסתיר שדות. השתמשו בתכונות המובנות של הדפדפן.

השתמשו בסקריפט זה כדי להעביר נתונים בין דפים. הוא יוצר שדות נסתרים מתוך ה-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);
  }
};

שלחו את הנתונים הסופיים לשרת שלכם באמצעות בקשת POST בסיום התהליך. הנתונים נשארים בדפדפן.

זכרו את הנקודות הבאות:

מקור: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc