金ちゃんブログ

wpformsのIE対応で送信できないエラーにハマった修正ポイント

お役所仕事ではIE確認がまだ残っている。wordpressのフォームプラグインwpformsを使った際に、IEでフォームの送信ができないという致命的なエラーと戦った記録である。 結構ハマりどころはたくさんあったので、同じ境遇で困ってる人の助けになれば。 目次チェックボックスを必須にすると送信できないThis page isn’t loading JavaScript properly, and the form will not be able to submit.というエラーがでて送信できない条件分岐で非表示にしているフォーム項目が必須だと送信できないIEではwpformsの日付選択画面は表示されないまとめ チェックボックスを必須にすると送信できない チェックボックスで必須を指定するとwpformsではinputタグ全部にrequired属性が設定される仕様だったので、IEだとチェックボックス全部をチェックしないと送信できなかった。 なので、class指定をwpforms側で設定して、下記のjqueryのコードチェックされた時は他のチェックボックスからrequired属性を消して対応した。 This page isn’t loading JavaScript properly, and the form will not be able to submit.というエラーがでて送信できない 設定＞一般のEnable anti-spam protectionをオフにして対応。スパムがしんどいフォームはrecaptchaを使うなりして対応するしかなさそう。 条件分岐で非表示にしているフォーム項目が必須だと送信できない たとえば、チェックボックスの選択によってテキストエリアの入力項目の表示を切り分けたい時は非表示になってるテキストエリアが必須になってると邪魔になって送信できない。 なので、チェックボックス側のフォーム項目にcontact-titleクラス、切り替え表示する普段非表示のテキストエリアのフォーム項目に、contact-title-otherを指定して、とあるチェックボックスがクリックされた時にテキストエリアにrequired属性を追加。それ以外がクリックされたらテキストエリアからrequiredを削除というようにして対応した。 IEではwpformsの日付選択画面は表示されない IEだと、日付選択のdate

2020/10/30 21:09

[javascript] navigator.geolocation.getCurrentPositionでタイムアウトの解決方法

以前は動いてたコードが毎回タイムアウトのエラーになる。ググってもenableHighAccuracyをfalseにするとか書いてあるけど、うまくいかない。 そんなあなた！マックユーザーで、macで開発してて最近OSを更新してますか？ であれば、macのプライバシーの設定のロケーションアクセスの設定をチェックしましょう、という話です。 目次テストしたコードmacのプライバシー設定でLocation Servicesが許可されてなかったコード以外にも開発環境を疑う意識大事 テストしたコード getCurrentPositionで、毎回、タイムアウトエラーが表示されます。 macのプライバシー設定でLocation Servicesが許可されてなかった 開発ブラウザで、許可されてないので、オンにしました。そうすると位置データを無事ゲット コード以外にも開発環境を疑う意識大事 以前は動いてたコードなんで気づけたんで、これは結構ハマる人多いのでは。海外の掲示板でもなんか、うまくいってない人多い印象だったので、一度チェックしてみてください。

2020/10/25 11:17

プリン好きなら味わってほしいコショウ&スパイシープリン

アパッペマヤジフのプリンを、珍しいということで、妻が二子玉川東急フードショー店で買ってきた。 スリランカ胡椒 スリランカ胡椒 アパッペマヤジフ コショウ味とスパイス味があって、両方味見したところ、コショウ味が燻製、スパイス味がチャイ、という感じの味がした。 スパイス味の方が食べやすい。 プリン好きには一度は体験してほしい味。 カレー屋さんにおろせばもっと人気でそう。あと、下北沢などに店をだすとか。

2020/10/06 00:46