トピックの内容と返信
-
【1】KN様のトピック投稿
2021年12月23日 11:00:32「複数ページフォーム」の利用検討のため、自社サーバにて「04-StepForm」一式をそのままアップし、挙動確認をしております。
https://kantaro-cgi.com/demo/formkit/04-StepForm/
「step1」にあるチェックボックス「その他」とテキストフィールドの連動する部分の挙動について、URLのサンプルのように動作しないため、ご質問します。
【サンプルの挙動】
1)「その他」にチェックをする(テキストフィールドが有効になる)
2)テキストフィールドに文字入力(テキストフィールドが青色になり、marker_tag部分にチェックマークが表示される)
3)「その他」のチェックを外す(marker_tag部分のチェックマークはそのまま表示)
4)他の選択肢にチェックをして、[次へ]をクリックで次の画面へ進める
【自社サーバでの挙動】
1)「その他」にチェックをする(テキストフィールドが有効になる)
2)テキストフィールドに文字入力(テキストフィールドの色は変わらず、marker_tag部分に何も表示されない)
3)「その他」のチェックを外す(marker_tag部分にローディングマークが表示され、そのまま変わらない)
4)他の選択肢にチェックをして、[次へ]をクリックしても次の画面へ進めない(エラー表示は何も表示されない)
「<?= $colors_text->marker_tag() ?>」を外して試しても、内部で処理されているのか、marker_tag部分のマークが表示されないだけで、同じ挙動となりました。
また、「<?= \FK\marker_tag('colors_text') ?>」で試しても同じ挙動でした。
「data-fk-with」と「marker_tag」が連動する際に、正しく挙動してくれないのかと考えます。
BASIC認証のかかった開発環境では駄目かと思い、一般公開サーバでも試しましたが、同じ挙動となりました(PHPバージョン同じ)。
この「チェックボックス+テキストフィールド」の方式がどうしても必要なため、なんとか実装したいと考えております。
最悪、このテキストフィールドに関してはmarker_tag不要としても構わないのですが、何か対処方法はございますでしょうか?
PHP:Version 7.2.34
確認ブラウザ:Google Chrome、Microsoft Edge -
【2】事務局T様の返信
2021年12月23日 11:21:55ご連絡ありがとうございます。
Chrome で該当フォームを開き、F12キーを押して開発者モードの状態で、以下3点をご確認いただけますでしょうか。
1. fk.css が正常に読み込まれているか
2. fk.js が正常に読み込まれているか
3. JavaScriptエラーが発生していないか
(参考URL↓に画面キャプチャURL貼り付けておきます)
特に、JSエラーが発生している場合、外部のJSのエラーにつられてFormkitも機能していないケースがあります。
もしJSエラーが出ている場合、エラー画面の詳細キャプチャをどこかにアップして、参考URLとして貼り付けていただければもう少し詳しく回答できるかもしれません。
以上、ご確認ください。 -
【3】KN様の返信
2021年12月23日 11:51:43ご返信ありがとうございます。
開発者モードで確認しましたが、1、2、3すべて正常でございます。
https://www.dropbox.com/s/z4kkswznb0309y8/%E7%84%A1%E9%A1%8C.png?dl=0 -
【4】事務局T様の返信
2021年12月23日 23:17:28ご回答ありがとうございます。
確認しましたところ、現行バージョン(1.2.15)では挙動に問題があり、disabled 要素が正常に機能しない問題が判明しました。(デモ版はバージョンがもっと古かったために動いていたようです)
この問題を改修したバージョン 1.2.16 を公開しましたので、以下からダウンロードしてお試しいただければと存じます。 -
【5】KN様の返信
2021年12月27日 11:32:07ご返信ありがとうございます。
バージョン 1.2.16のStepFormをそのままアップロードして試したところ、正しい挙動を得られました。
今のところ問題なさそうですので、こちらのバージョンにて自社サーバでの検証を続けさせていただきます。
ご対応ありがとうございました。 -
【6】事務局T様の返信
2021年12月27日 23:16:36ご確認ありがとうございました。
何卒よろしくお願いいたします。