「Contact Form 7にtype=”file”を設置した場合Safari Version11.1で機能しない」の対処法

Contact Form 7にtype=”file”を設置した場合Safari Version11.1で機能しない

 

こちらに書いているとおり、safariのバグらしい。

同フォーラムのコメントに書いているJSコードを書いて対応した。
jQuery(function($) {
 $(".wpcf7 input[type='submit']").click(function() {
  $("input[type=file]").each(function() {
    if($(this).val() === "") {
        $(this).remove();
    }
  });
 });
});

しかし、この方法では

たとえばフォームに何も書き込まず
送信を押してエラー出すと、添付ボタンが消えてしまいます。
とのこと。 なので、input type=file をlabelで囲む形式に変更して、以下のJSを書いて対処した。

2018/07/04 | 日記

関連記事

no image

W杯、日本対オランダ戦

く?。観れなかった! 土曜日にカラオケ大会のリハーサルの機材オペ...

記事を読む

no image

ブログをはじめした。

ブログを始めました。 といっても、ブログは他にもあります。 ...

記事を読む

新着記事

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

PAGE TOP ↑