Crocoblock/jetformbuilder

Exception in checkbox JS script - form not working anymore

kankadev opened this issue · 2 comments

kankadev commented

Hi,

I just added one more checkbox to my form and it becomes corrupt now. After site load I can see an exception in the console:

Uncaught TypeError: this.nodes.item is not a function
    isArray https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    getActiveValue https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    setValue https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    reQueryValue https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    reQueryValues https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    <anonymous> https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    r https://example.de/:119
    h https://example.de/:120
    setTimeout handler*h https://example.de/:120
    m https://example.de/:120
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
    onerror https://example.de/:118
    w https://example.de/:118
    setTimeout handler*m https://example.de/:115
checkbox.js:1:2847
    isArray https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    getActiveValue https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    setValue https://example.de/wp-content/plugins/jetformbuilder/modules/option-field/assets/build/checkbox.js?ver=3f5939365961136c34ab:1
    reQueryValue https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    reQueryValues https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    <anonym> https://example.de/wp-content/plugins/jetformbuilder/assets/js/frontend/main.js?ver=250b7174e5f50c1b4a7a:1
    r https://example.de/:119
    h https://example.de/:120
    (Async: setTimeout handler)
    h https://example.de/:120
    m https://example.de/:120
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115
    onerror https://example.de/:118
    (Async: EventHandlerNonNull)
    w https://example.de/:118
    (Async: setTimeout handler)
    m https://example.de/:115

There is one more checkbox which is required to check before submit the form. So I check this checkbox and click somewhere else then I see an error message like "Please fill this field".

Here's a screen video:
https://www.youtube.com/watch?v=MLsVK5pf1ts

I have a caching plugin and reset it multiple times.

kankadev commented

Here's the code of the form:

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"label":"Vorname","name":"vorname","required":true} /-->

<!-- wp:jet-forms/text-field {"label":"Nachname","name":"nachname","required":true} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"field_type":"email","label":"E-Mail","name":"email","required":true} /-->

<!-- wp:jet-forms/text-field {"field_type":"tel","label":"Telefon","name":"telefon"} /--></div>
<!-- /wp:group -->

<!-- wp:jet-forms/select-field {"value":{"groups":[]},"field_options":[{"__visible":true,"label":"SAP BW/4HANA","value":"SAP BW/4HANA"},{"__visible":true,"label":"SAP S/4HANA for Group Reporting","value":"SAP S/4HANA for Group Reporting"},{"__visible":true,"label":"SAP EC-CS","value":"SAP EC-CS"},{"__visible":true,"label":"SAP SEM-BCS","value":"SAP SEM-BCS"},{"__visible":true,"label":"SAP BPC","value":"SAP BPC"},{"__visible":true,"label":"Data Collection App","value":"Data Collection App"},{"__visible":true,"label":"ICMR","value":"ICMR"},{"__visible":true,"label":"SAP Analytics Cloud","value":"SAP Analytics Cloud"},{"__visible":true,"label":"Konzeptionierung automatisierter Datensätze","value":"Konzeptionierung automatisierter Datensätze"},{"__visible":true,"label":"Konzeption Legaler Berichtsanforderungen","value":"Konzeption Legaler Berichtsanforderungen"},{"__visible":true,"label":"Strategieberatung","value":"Strategieberatung"},{"__visible":true,"label":"Implementierung der legalen Anforderungen","value":"Implementierung der legalen Anforderungen"},{"__visible":true,"label":"Unterstützung IFSR-Conversion","value":"Unterstützung IFSR-Conversion"},{"__visible":true,"label":"Konzeption Management Reporting","value":"Konzeption Management Reporting"},{"__visible":true,"label":"Unterstützung Carv Out","value":"Unterstützung Carv Out"},{"__visible":true,"label":"con-academy IT \u0026 Fachabteilung","value":"con-academy IT \u0026 Fachabteilung"},{"__visible":true,"label":"con-exclusive Support","value":"con-exclusive Support"},{"__visible":true,"label":"con-lab Innovationswerkstatt/ Demos","value":"con-lab Innovationswerkstatt/ Demos"},{"__visible":true,"label":"Sonstiges","value":"Sonstiges"}],"label":"Thema","name":"thema","placeholder":"Thema wählen","required":true} /-->

<!-- wp:jet-forms/textarea-field {"maxlength":"5000","label":"Ihre Nachricht","name":"nachricht","required":true} /-->

<!-- wp:jet-forms/checkbox-field {"field_options":[{"__visible":true,"label":"Ich möchte außerdem den kostenlosen Newsletter erhalten.","value":"newsletter_desired"}]} /-->

<!-- wp:jet-forms/checkbox-field {"field_options":[{"__visible":true,"label":"Indem Sie unser Kontaktformular nutzen, erklären Sie sich mit der Verarbeitung Ihrer Daten gemäß dieser Datenschutzerklärung einverstanden. Bei Fragen zum Datenschutz oder zur Verwendung des Kontaktformulars können Sie sich jederzeit an uns wenden. \u003ca href=\u0022/datenschutzerklaerung/\u0022 target=\u0022_blank\u0022\u003eDatenschutzerklärung\u003c/a\u003e","value":"Datenschutzerklärung akzeptiert"}],"required":true} /-->

<!-- wp:jet-forms/submit-field {"label":"Senden"} /--
Crocoblock commented

was fixed and released in JetFormBuilder 3.4.3