
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
#2 です。
#3 も間違えていますねすみません・・・。"disable" は正しくは "disabled" でした。
と訂正ばっかりだと申し訳ないのでサンプルページを作ってみましたので、参考 URL をご覧ください。
2 つの入力フォームがあり、1 つが必須項目、もう 1 つは非必須項目です。 必須項目が入力されていないとき非必須項目は入力不可状態 (Firefox 3.5 だとグレーアウト、IE 8 では見た目は変わりませんが入力できません) で、必須項目を入力すると非必須項目も入力できるようになります。
今回の例ですと、必須項目、非必須項目が共に 1 個だけですが、JavaScript をちょっと変更すると 2 個以上でもいけます。
動作テストは Firefox 3.5 と IE 8 でしかしていませんので、もしかしたら IE 7 以下などでは上手く動かないかもしれません。 その場合は適当に修正してください。
参考URL:http://www.vividcode.info/wd/tec/sample/formchec …
No.3
- 回答日時:
#2 です。
申し訳ありません、true と false が逆になっていました。 正しくは以下です。・初期値は disable = false
・ページ読み込みが完了と同時に JavaScript で disable = true にする
・必須項目が入力されたら JavaScript で disable = false に戻す
No.2
- 回答日時:
#1 さんの回答に補足。
基本的な考え方は #1 さんの方法でいいですが、JavaScript が無効になっている場合、#1 さんの方法では disabled = false にすることができず、ずーっと入力不可能のままになってしまうという問題があります。 そんなわけで、
・初期値は disable = true
・ページ読み込みが完了と同時に JavaScript で disable = false にする
・必須項目が入力されたら JavaScript で disable = true に戻す
という方法にすれば良いと思います。 これだと JavaScript が無効の場合でも入力できない、ということはありませんし。 もちろん別の場所で入力チェックをする必要はありますが。
No.1
- 回答日時:
<input type="text">のタグでいいのでしょうか?
初期値で disabled を指定しておけば、グレーアウトで編集不可の状態になります。
(何も値がないと、ブラウザによっては見かけは同じままですが)
入力を許可するときは、その要素に対して disabled = false とすれば、通常の入力可能状態になります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) capeofdragonと申します。 Access2016を使っております。 あるフォームがあり、テ 2 2022/09/09 13:18
- Visual Basic(VBA) excel vba でユーザーフォーム入力ができない 2 2022/12/12 14:42
- Visual Basic(VBA) テキストボックスの値を該当セルに登録する方法 2 2022/11/23 18:47
- Visual Basic(VBA) Application.InputBoxの表示形式 2 2022/08/09 22:32
- Visual Basic(VBA) テキストボックス1の値に対するテキストボックス2に表示する値 1 2022/04/05 14:35
- HTML・CSS 【html】検索ボックスを作りたい 4 2022/04/02 17:25
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- Visual Basic(VBA) WordのVBAについて 5 2023/01/11 14:38
- Visual Basic(VBA) ExcelVBAでユーザーフォームでテキストボックスなどからセルに連続して入力するコーディングの際の 2 2022/06/29 22:51
- Visual Basic(VBA) Excel VBA 複数選択したリストボックスからテキストボックスに転記したいです。 3 2023/03/19 18:31
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・昔のあなたへのアドバイス
- ・字面がカッコいい英単語
- ・許せない心理テスト
- ・歩いた自慢大会
- ・「I love you」 をかっこよく翻訳してみてください
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・はじめての旅行はどこに行きましたか?
- ・準・究極の選択
- ・この人頭いいなと思ったエピソード
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
条件により、リンク先に画面遷...
-
Acrobat Java Scriptについて教...
-
フォームの値が0だったら空白...
-
PDFフォームで条件つき金額を表...
-
日付入力欄の表示形式を自動的...
-
お願いします!Javascriptで月...
-
javascriptでのフォーム自動入...
-
onClickとsubmitの処理順序
-
下記のプログラムをどのように...
-
submit後、同じ入力欄に戻らせ...
-
JSPとJavaScriptの連携について...
-
テキストボックスを無効にする...
-
Javascriptで同じ数字を2回打...
-
javascriptで入力フォームが空...
-
リンクをはった時のページ間で...
-
フォームから入力すると、入力...
-
javascriptで入力禁止文字をチ...
-
return trueとreturn falseの用...
-
ツリービューのチェックボック...
-
Selectボックスの幅を自動で広...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
日付入力欄の表示形式を自動的...
-
onClickとsubmitの処理順序
-
文末の改行コードを削除したい
-
JSPとJavaScriptの連携について...
-
フォームの値が0だったら空白...
-
条件により、リンク先に画面遷...
-
javascriptで入力フォームが空...
-
テキストボックスのグレーアウト
-
テキストボックスを無効にする...
-
テキストボックス入力を半角英...
-
vbsでフォームに値を入力できない
-
ラジオボタンによるフォームの...
-
テキストエリアに入力可能な文...
-
PDFフォームで条件つき金額を表...
-
テキストフィールドに入力した...
-
入力した文字を大文字に変換し...
-
2重でメール入力チェックをした...
-
入力モード 自動 切り替え
-
HTMLで入力したものを変数で扱...
-
javaでフォーム入力の確認と文...
おすすめ情報