Wordpress Contact Form 7 plugin werkt niet in Safari...

[Verwijderd]

Goedenavond,

Ik heb een contact form gemaakt met behulp van de Contact Form 7 plugin in Wordpress. Het is echter niet mogelijk om op dit moment een bericht te versturen in Safari wanneer dit contact form een 'bestand kiezen' veld bevat. Het probleem treedt op wanneer de gebruiker het 'bestand kiezen' veld leeg laat (dus in geval er geen bestand wordt geselecteerd).

Het is inmiddels bekend dat dit een bug is die door Apple moet worden opgelost en dus valt er niks anders te doen dan wachten op een nieuwe update en het probleem (tijdelijk) op te lossen via een jQuery script. Voor mij is de beste oplossing om het 'bestand kiezen' veld te verwijderen in geval er GEEN gebruik van wordt gemaakt. Dus zodra de gebruiker op 'send message' klikt zal het veld worden verwijderd. Ik ben hier gedeeltelijk in geslaagd via het volgende jQuery script:

code:

jQuery(document).on('submit', '.wpcf7-form', function (e) {
  jQuery('input.wpcf7-file').each(function() {
    if (jQuery(this).val() == '') jQuery(this).remove();
  });
});

Er is nog één probleem... Wanneer er op de 'send message' knop wordt geklikt en het 'bestand kiezen' veld is leeg, zal het veld inderdaad worden weg gehaald maar vervolgens wordt het bericht nog steeds niet verstuurd. Dit komt omdat de gebruiker nog een tweede keer op de 'send message' knop moet drukken en pas dan wordt het bericht verstuurd (omdat pas bij de tweede keer het 'bestand kiezen' veld weg is).

Wat ik dus nog wil is een uitbreiding van bovenstaande code waarbij de 'send message' knop automatisch een tweede keer wordt getriggerd en op deze manier wordt het bericht na 1x handmatig klikken door de gebruiker verstuurd in geval het 'bestand kiezen' veld leeg is. Hierdoor hoeft de gebruiker niet twee keer op de 'send message' knop te drukken wat heel erg verwarrend kan zijn...

Kan iemand me hiermee helpen? Alvast bedankt!

[q-enf0rcer.1]

Volgens mij kun je met jQuery ook een button click simuleren, dat is wellicht de makkelijkste oplossing. Dus zoiets: jQuery('.button-class').click();

[Verwijderd]

Thanks!