{"id":1374,"date":"2024-06-13T09:15:40","date_gmt":"2024-06-13T07:15:40","guid":{"rendered":"https:\/\/wypo.io\/documentations\/%taxomony%\/formmaster\/evenements-javascript\/"},"modified":"2024-06-20T21:08:32","modified_gmt":"2024-06-20T19:08:32","slug":"javascript-events","status":"publish","type":"wypo_documentations","link":"https:\/\/wypo.io\/en\/documentations\/formmaster\/javascript-events\/","title":{"rendered":"Javascript events"},"content":{"rendered":"\n

The FormMaster<\/strong> plugin triggers several JavaScript events when a form is submitted. These events allow developers to react to different stages in the form submission process. This documentation lists the events available and provides examples of their use.<\/p>\n\n\n\n

\n

Triggered events<\/h2>\n\n\n\n

formmaster_submit<\/h3>\n\n\n\n
    \n
  • Description<\/strong>: This event is triggered as soon as the form is submitted.<\/li>\n\n\n\n
  • Event details<\/strong>:\n
      \n
    • formID<\/code>: The ID of the submitted form.<\/li>\n\n\n\n
    • fields<\/code>: The list of fields sent.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n

      formmaster_failed<\/h3>\n\n\n\n
        \n
      • Description<\/strong>: This event is triggered if the form submission fails.<\/li>\n\n\n\n
      • Event details<\/strong>:\n
          \n
        • formID<\/code>: The ID of the submitted form.<\/li>\n\n\n\n
        • fields<\/code>: The list of fields sent.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

          formmaster_sent<\/h3>\n\n\n\n
            \n
          • Description<\/strong>: This event is triggered if the form is successfully sent.<\/li>\n\n\n\n
          • Event details<\/strong>:\n
              \n
            • formID<\/code>: The ID of the submitted form.<\/li>\n\n\n\n
            • fields<\/code>: The list of fields sent.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
              \n

              Examples of use<\/h2>\n\n\n\n

              Display an alert when sending is successful<\/h3>\n\n\n
              \n
              \n
              \n JS <\/div>\n <\/header>\n document.addEventListener("formmaster_sent", function (event) {\n\tconst formID = event.detail.formID;\n const fields = event.detail.fields;\n\n\t\/\/ Check if a specific field (e.g., email) is present and not empty\n if (fields.has("your-email") && fields.get("your-email").trim() !== "") {\n \talert("Envoi r\u00e9ussi avec email : " + fields.get("your-email"));\n\t}\n});<\/textarea>\n