- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jsでカスタマイズされたフォームのsubmitで）
jsでカスタマイズされたフォームのsubmitでファイルパスが消える問題について
このQ&Aのポイント
- JavaScriptを使用してカスタマイズされたフォームのsubmit時に、ファイルパスが消えてしまう問題が発生しています。
- Windows7でIE9の環境で投稿ボタンを押すと、元々あったタグの上に被せられた要素へフォーカスが移動し、ファイルパスが消えるため、選択されていないというエラーになります。
- この問題を解決するためには、フォーカスの移動を制御する方法や、ファイルパスを保持する方法を実装する必要があります。
- webama_fk
- お礼率91% (117/128)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.2
何をしているのか理解できていないjavascriptなどを利用するよりも、普通にHTMLで記しておいて、デザイン的にはCSSを利用して表示するのがよろしいのではないでしょうか。 javascriptはオフにしている閲覧者もいるので、頼りすぎると本来の機能が果たせなくなる場合があります。
質問者
お礼
どうもアドバイスありがとうございます！気をつけます。
- LancerVII
- ベストアンサー率51% (1060/2054)
回答No.1
こんにちは。 >javascriptでフォームをカスタマイズしました。 どのようなフォームをどのようなJavaScriptでカスタマイズしたのでしょうか。 情報が少なすぎて回答が付きにくいと思います。 もう少し詳しい情報を補足ください。
質問者
お礼
説明不足ですみません。カスタマイズしたと表現しましたが、niceform.jsというものを利用しました。 IE８や9でも動いたので、利用してたら、Windows7＋IE9がダメだったので、今回の質問として投稿させてもらいました。 フォームの内容は個人のプロフィールを掲載するための登録ページになってまして、画像をアップロードできるようにしています。 niceform.jsを使用しなければ問題ないのですが、デフォルトのフォームパーツだと味気ないですし、input type=fileをCSSだけでデザインするのは、ブラウザ毎に違うため、デザイン通りにならないですし。。。
お礼
>私のWindows7+IE9ではきちんとファイルも送信されていました。 本当ですか！？ >何かエラーチェック等行なっているのでしょうか。 電話番号や、担当者名などの必須入力チェック等を行っております。 その辺の処理を担当している人間に聞いてみます。 ありがとうございます！
補足
>そのまま投稿ボタンを押すと、ファイルパスがなくなっていることから選択されていないというエラーになってしまいます。 何かエラーチェック等行なっているのでしょうか。 これについてですが、送信ボタンを押すと、#dummy_txtにフォーカスが遷移してしまい、元々の#bt-uploadにあったファイルパスが消えちゃってるようなんです。。。 このフォーカス遷移をさせないようにすれば、またなんとかなるかもとは思うのですが。。。