![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
javascriptでこのようにテキストボックスを無効に
してフォームを送信するとphp側でvalueの値が取得できないのですが、入力無効にすると
valueは送られないんでしょうか?
<form>
<input type="text" id="sample" name="sample" value="値" />
</form>
スクリプト
.document.getElementById('sample').disabled = true;
valueにはphpで値をセットし、それをテキストボックスで編集できないようにして
値を飛ばそうとしたのですがテキストボックスのvalueの値が来てないようです。
自分なりに考えたんですが、送信する瞬間だけ(submitボタンが押された時)
テキストボックスを有効に戻すようにコードを書いているのですが
これ以外で何かありますか?
---このように対処---
<form onsubmit="return disb()">
<input type="text" name="sample" value="値" />
</form>
スクリプト
document.getElementById('sample').disabled = true;
function disb(f){
f.sample.disabled = false;
}
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは。
disabledですと入力不可というよりは選択不能となります。
なので送信されることがありません。
よってJavaScriptを利用して送信直前にdisabledを解除する(質問者様の方法)
または同じ値を持つhidden要素を持たせてPHP側でそちらの値を受け取る。
または編集されたくないだけであればreadonlyを利用する。
という感じの方法があると思います。
無効にするのはdisabledだけと思っていました。
入力無効状態(readonly)と無効状態(disable)は違うんですね。
違いが分かりました。
しかしテキストボックスをreadonlyにするといかにも入力できそうな状態を
提供しちゃいますし、たしかに入力はできませんが、テキストボックスの中で
BackSpaceキーを押されるとページが一つ前のページに戻ってしまいますので、
今回はdisabledで無効にしました。
ちなみにIEではreadonlyではなく、readOnlyみたいですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フィールドを有効(enabled?)に...
-
submit後、同じ入力欄に戻らせ...
-
Javascript 郵便番号の入力欄で...
-
onClickとsubmitの処理順序
-
javaでフォーム入力の確認と文...
-
テキストボックスの文字種を全...
-
javascriptでの正規表現について
-
参考書通りに入力したつもりで...
-
JavaScriptで入力文字制限
-
JSPとJavaScriptの連携について...
-
Javascript 入力フォーム&コピー
-
javascriptのゲームで漢字を出...
-
テキストボックスを無効にする...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
<JavaScript>tableタグを入力不...
-
hiddenのvalueの値を変えたい
-
プルダウンで選択すると、DBの...
-
javascriptでASPにデータを渡す
-
selectを変更不可にしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
JSPとJavaScriptの連携について...
-
javascriptで入力フォームが空...
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
条件により、リンク先に画面遷...
-
javascriptで入力禁止文字をチ...
-
テキストボックスを無効にする...
-
テキストフィールドに入力した...
-
テキストエリアに入力可能な文...
-
ソースコードは下の共有コード...
-
イベント発生時に入力待ち状態...
-
フォームの値が0だったら空白...
-
URLの/以降だけを入力したいです。
-
文末の改行コードを削除したい
-
VBScriptで未入力のチェック(...
-
テキストボックスのグレーアウト
-
手書き入力モードを利用して、...
-
日付入力欄の表示形式を自動的...
-
フォームから入力すると、入力...
おすすめ情報