1. function bufferFormInput() {
  2. const form = document.querySelector('form'); // Get the form element
  3. if (!form) return;
  5. const originalSubmit = form.submit; // Store the original submit function
  7. form.addEventListener('submit', (event) => {
  8. event.preventDefault(); // Prevent default form submission
  10. const inputValues = {}; // Store input values
  11. const inputs = form.elements;
  13. for (let i = 0; i < inputs.length; i++) {
  14. const input = inputs[i];
  15. if (input.type !== 'submit' && input.tagName !== 'LABEL') { // Avoid submit buttons and labels
  16. if (input.value) {
  17. inputValues[input.name] = input.value; // Store input value by name
  18. }
  19. }
  20. }
  22. // Simulate form submission after a delay
  23. setTimeout(() => {
  24. // Process the buffered data
  25. processForm(inputValues);
  26. }, 500); // Adjust the delay as needed (milliseconds)
  27. });
  29. form.submit = (event) => {
  30. event.preventDefault(); // Prevent immediate submission
  31. };
  32. }
  34. function processForm(data) {
  35. // Implement your logic to handle the buffered data here
  36. console.log("Buffered data:", data);
  37. //Example:
  38. // const formData = new FormData();
  39. // for (const key in data) {
  40. // formData.append(key, data[key]);
  41. // }
  42. // fetch('/submit', { method: 'POST', body: formData })
  43. // .then(response => response.json())
  44. // .then(data => console.log(data));
  45. }

Add your comment