フォームのテキストエリアを入力不可にしたいのですが方法が分かりません。知っている方がいましたらご教授願います。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

はじめまして misoka です。



<textarea readonly></textarea>

みたいな感じに、readonlyを付けてみるっていうのは
やってみましたか?
Internet Explorerの場合、これでいいみたいですよ。
    • good
    • 0

多分こんな感じだったと思います。



<textarea onfocus="blur();">
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qthickbox.js使用時のフォームの取得方法をご教授願います。

thickbox.jsを使用しているページで
セレクトの値をPHPに渡したいと考えているのですが、
値の取得の仕方がわからず困っております。

ソースは以下のようなカンジです。
[値を取得]を押下した時セレクトボックスの値を取得しようとしています。Firebugでは以下のようにエラーがでます。
document.FrmThick.PrefectureCD has no properties

どなたかアドバイス頂けますでしょうか?
-----------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>Sample</title>
<link rel="stylesheet" href="thickbox.css" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
</head>
<body>

<a href="#TB_inline?height=300&width=600&inlineId=condition" class="thickbox" title="条件を設定してください">ThickBoxについて</a>

<style>
#condition {
visibility:hidden;
}
</style>

<script>
function test (){
alert(document.FrmThick.PrefectureCD.value);
}
</script>

<div id="condition">
<form action="" method="get" name="FrmThick" id="FrmThick">
<!--都道府県-->
<select id="PrefectureCD" name="PrefectureCD">
<option value="1">北海道</option>
<option value="2">青森県</option>
</select>
<a href="javascript:test();">値を取得</a>
<!--/都道府県-->
</form>
</div>

</body>
</html>

thickbox.jsを使用しているページで
セレクトの値をPHPに渡したいと考えているのですが、
値の取得の仕方がわからず困っております。

ソースは以下のようなカンジです。
[値を取得]を押下した時セレクトボックスの値を取得しようとしています。Firebugでは以下のようにエラーがでます。
document.FrmThick.PrefectureCD has no properties

どなたかアドバイス頂けますでしょうか?
-----------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="...続きを読む

Aベストアンサー

わかりました。
thickbox.js が 指定ID condition 内のものをコピーしてドキュメントに足してるので、
同じIDが2つ存在してしまうので、1つ目の方の値をとってるから・・と言う事のようです。
ID指定が無効って事かと。


jquery.js や thickbox.js の中にこの手の場合の対処法があるのかもしれませんが
それはこのライブラリを使ってる方のレス待ちと言う事で。


で 単純には、

このページにあるフォームがこれ1個だとすると、元のフォームは document.forms[0]。
thickboxによってレイヤーが開いてから表示されるフォームは、document.forms[1] となります。

セレクトは
document.forms[1]の中の最初のエレメントなので
document.forms[1].elements[0] となり、この値をとれば選択した値が取れます。

function test (){
alert(document.forms[1].elements[0].value)
}

IDを書き換えるなどの処理をつけるなど工夫もできますが、
自分のページですからフォームの数、エレメントの順位はわかると思うのでこれでも良いかと。


ライブラリは使わないので、こんなレスで失礼します(^^;

わかりました。
thickbox.js が 指定ID condition 内のものをコピーしてドキュメントに足してるので、
同じIDが2つ存在してしまうので、1つ目の方の値をとってるから・・と言う事のようです。
ID指定が無効って事かと。


jquery.js や thickbox.js の中にこの手の場合の対処法があるのかもしれませんが
それはこのライブラリを使ってる方のレス待ちと言う事で。


で 単純には、

このページにあるフォームがこれ1個だとすると、元のフォームは document.forms[0]。
thickboxによってレイヤーが開い...続きを読む

Qフォーム内のテキストフィールドにアドレスを入力後、Enterキーを入力して移動したい

フォーム内のテキストフィールドにアドレスを入力後、Enterキーを入力して
移動するにはどうすればよいのでしょうか?

以下のようなコードを作成したのですがうまくいきませんでした。

<html>
<head>
<script type="text/javascript">
function jumpURL()
{
url = document.f.t.value;
location.href = url;
}
</script>
</head>
<body>
<form name="f" onSubmit="jumpURL()">
<input type="text" name="t" id="t">
</form>
</body>
</html>

ご存知の方がおられましたらご回答をよろしくお願いします。

Aベストアンサー

こんな流れで良いじゃないかな?(動作未確認)
window.onload = function(){
document.getElementById('t').onkeydown = function (ev){
var ev = (!ev) ? event:ev;//Firefox1.5ではevにイベントが入る
var key = ev.keyCode;//取り合えずkeyCodeを取る。
alert(key)//Enterキーを押して確認してください。
var mf = (ev.modifiers) ? ev.modifiers : ((ev.altKey) ? 1 : 0) + ((ev.ctrlKey) ? 2 : 0) + ((ev.shiftKey) ? 4 : 0);//NNがmodifiersでIE,FirefoxがctrlKey、shiftKey、altKeyだったかな?
alert(mf)//Enterキーを押して確認してください。
var k = key + '_' + mf;//ここでkeyCode_modifiersと言う形を作る。
alert(k)//Enterキーを押して確認してください。
if(k == '13_0'){//Enterキーで装飾キーが押されていない。
url = document.f.t.value;
location.href = url;
}
}
}

こんな流れで良いじゃないかな?(動作未確認)
window.onload = function(){
document.getElementById('t').onkeydown = function (ev){
var ev = (!ev) ? event:ev;//Firefox1.5ではevにイベントが入る
var key = ev.keyCode;//取り合えずkeyCodeを取る。
alert(key)//Enterキーを押して確認してください。
var mf = (ev.modifiers) ? ev.modifiers : ((ev.altKey) ? 1 : 0) + ((ev.ctrlKey) ? 2 : 0) + ((ev.shiftKey) ? 4 : 0);//NNがmodifiersでIE,FirefoxがctrlKey、shiftKey、altKeyだったかな?
al...続きを読む

Qフォーム テキストエリアのチェック

1.フォームでsubmit俗に言う[送信ボタン]を押すと同時に
  テキストボックス内に
   未記入やスペースが記入がされていない事
   半角英数字のみ記入されている事
  をチェック後
  アラートを出すもしくは送信させない

2.テキストボックス内に半角英数字以外は記入不可能にする

上記のような事をする方法をお教え下さい。

Aベストアンサー

プロバイダーのcgiを使用してこのように使っています。
送信ボタンを押したときに未入力があれば未入力部分にフォーカスを移します。

</SCRIPT><SCRIPT language="JavaScript">
<!--
function kakunin() {
if (document.F1.項目1.value == "") {
alert("項目1が入力されていません。");
document.F1.項目1.focus();
return(false);
}
if (document.F1.項目2.value == "") {
alert("項目2が入力されていません。");
document.F1.項目2.focus();
return(false);
}
return(true);
}
// -->
// </SCRIPT>


<FORM NAME="F1" METHOD=POST ACTION="http://www.×××.cgi" onSubmit="return kakunin()">


<INPUT type="submit" value="送信ボタン" onmouseover="_HpbScrollStatus;" onmouseout="_HpbStopScrollStatus();">
<input type="reset" value="リセット">

return kakunin()の「kakunin」は任意に変更可だと思います。

2については只今確認中。

参考URL:http://tohoho.wakusei.ne.jp/wwwmail.htm

プロバイダーのcgiを使用してこのように使っています。
送信ボタンを押したときに未入力があれば未入力部分にフォーカスを移します。

</SCRIPT><SCRIPT language="JavaScript">
<!--
function kakunin() {
if (document.F1.項目1.value == "") {
alert("項目1が入力されていません。");
document.F1.項目1.focus();
return(false);
}
if (document.F1.項目2.value == "") {
alert("項目2が入力されていません。");
document.F1.項目2.focus();
return(false);...続きを読む

Q未入力のテキストエリア

こんにちは。

テキストエリアにデータを入力して
その入力チェックを行いたいと思います。

入力項目にspace(全角、半角ともに)のみ入力された場合、
escape関数を使用すれば未入力と判断させることはできました。
かりにspaceを4つほど入力(判定では未入力と判断させたい)した
場合、うまくロジックを組むことができません。
どうかアドバイス宜しくお願い致します。

Aベストアンサー

フォームの値を取得した後、半角スペースや全角スペースを「.replace()」メソッドを利用して除去してしまい、スペース以外の文字が残らない場合には未入力と判断するようにすればよいと思います。

具体例を挙げてしまいますが、

txt=document.form1.input1.value;
txt2=txt.replace(/ /g,"");
txt2=txt2.replace(/ /g,"");
if (!txt2){ alert("未記入です");}

このようにすると、

 一行目でフォーム内容を取得して変数txtに格納、
 二行目で変数txt内の全角スペースをすべて除去(内容のない値に置換)してチェック用の変数txt2に格納、
 三行目で変数txt2内の半角スペースも上と同じく除去、
 最後に変数txt2の中に値があるかどうかをチェックして、値がなければ未記入として警告を出す

という処理ができます。 これでお求めの動作が得られるのではないかと思います。

参考になれば幸いです。

Qフォームのテキストエリアに検索語を追加したい

 java初心者ですがよろしくお願いします。データベースで検索する際のキーワードを組み立てることで,悩んでいます。入力フォーム"Kensaku"のテキストボックス"SerchWord"に,リストから選んだ内容を反映させたいと思っています(ちなみに余計なulShowHideは折りたたみ式のリストです…)。このままだと,大項目「料理」をクリックした後,中項目「肉系」をクリックすると,大項目の「料理」が無くなり,「肉系」のみが標示されてしまいます。本当は他にも大項目があり,また,小項目で,「国名」なども加えたいと思っています。”料理 肉系 中国”の様な,検索語を追加でテキストボックスに反映させる方法をお教え下さい。また,可能であれば,大項目をクリックした際には,中項目,小項目が消える形になるとBestです。よろしく御指導下さい。以下,リスト部分のプログラムを載せてあります。

<UL>
<LI><A onclick="document.Kensaku.SerchWord.value = '料理 ';ulShowHide.showHide(this);return false;" href="#">料理</A>
<ul style="display: none;">
<li><A onclick="document.Kensaku.SerchWord.value = '肉系 '; " href="#">肉系</A></li>
<li><A onclick="document.Kensaku.SerchWord.value = '魚系 '; " href="#">魚系</A></li>
</ul>
</UL>

 java初心者ですがよろしくお願いします。データベースで検索する際のキーワードを組み立てることで,悩んでいます。入力フォーム"Kensaku"のテキストボックス"SerchWord"に,リストから選んだ内容を反映させたいと思っています(ちなみに余計なulShowHideは折りたたみ式のリストです…)。このままだと,大項目「料理」をクリックした後,中項目「肉系」をクリックすると,大項目の「料理」が無くなり,「肉系」のみが標示されてしまいます。本当は他にも大項目があり,また,小項目で,「国名」なども加えたいと...続きを読む

Aベストアンサー

大項目は ='料理 '
中小の項目は +='肉系 '
のように、 + をつける。
ではどうでしょう?


人気Q&Aランキング

おすすめ情報