טיפול בטפסים ומידע מהמשתמש

טפסים מאפשרים למשתמשים להזין מידע ולקיים אינטראקציה עם דף האינטרנט. JavaScript מספקת כלים לעיבוד ושליחת המידע מהטפסים.

גישה לשדות טופס

ניתן לגשת לשדות טופס ולקבל את ערכיהם באמצעות JavaScript.

אימות טפסים

    form.addEventListener('submit', function(event) {
      event.preventDefault();
      let name = nameField.value;
      if (name === '') {
        alert('Name field cannot be empty');
      } else {
        console.log('Form submitted:', name);
      }
    });
    

חשוב לאמת את המידע מהמשתמש לפני שליחתו.

שליחת טופס עם Fetch API

    form.addEventListener('submit', async function(event) {
      event.preventDefault();
      let name = nameField.value;
      if (name === '') {
        alert('Name field cannot be empty');
        return;
      }

      let response = await fetch('/submit', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ name: name })
      });

      let result = await response.json();
      console.log(result);
    });
    

ניתן להשתמש ב-Fetch API לשליחת מידע מהטפסים לשרת.