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を探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
3つテキストボックスすべてが未...
-
数字以外の文字列判定方法
-
キーボードの数字のキーだけを...
-
URLの/以降だけを入力したいです。
-
onClickとsubmitの処理順序
-
Javascriptで必須項目とメール...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
JSのボタンを複数う使うには
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
フォームの値が0だったら空白...
-
javascriptで入力フォームが空...
-
条件により、リンク先に画面遷...
-
フォームから入力すると、入力...
-
VBScriptで未入力のチェック(...
-
日付入力欄の表示形式を自動的...
-
Javascriptが機能せず原因が分...
-
submit後、同じ入力欄に戻らせ...
-
テキストフィールドに入力した...
-
JSPとJavaScriptの連携について...
-
最初の入力を判断
-
イベント発生時に入力待ち状態...
-
過去日付、年の切り替え
-
カレンダーをテキストエリアに...
-
入力した文字を大文字に変換し...
-
リンククリック → テキスト自...
-
javascriptで入力禁止文字をチ...
おすすめ情報