複数フォームの処理

[新着] Webテンプレートを仮オープンしました



0   名前: mattun : 2006/04/27(木) 23:23
初歩的な質問だと思いますが、初心者のためご教授下さい

以下のソースにて、フォームに入力された内容を書き出しています。
フォームが複数になった際はどのようなソースにすれば良いのでしょうか。

やりたいことは、
@フォーム1 にて”名前”を取得
Aフォーム2 にて”住所”を取得
B送信 ボタン押下
C”○○”にお住まいの”○○”さんようこそ 等と表示

宜しくお願いします

[現ソース]
<html>
<head>
<title>form_test</title>
<script language="JavaScript">
<!--
function model(order){
document.open();
document.write(order);
document.close();
}
//-->
</script>
</head>
<form name="form1">
オーダーNo:<input type="text" name="text1" /></br>
<input type="button" value="送信"
onClick="model(document.form1.text1.value)">
<form>
</body>
</html>

1   名前: m035 ◆Wpzr1YKOiq : 2006/04/27(木) 23:23  [URL]  ID:7ds3vk2M
model(document.form1.text1.value)
のformのname部分を変更すればいいのでは?

ただ、同じフォームに<input type="text">を2つ置けば、
わざわざ別フォームにしなくても良いと思いますが。
その場合はテキストボックスのnameを変えればそれぞれの値を取得できます。

それと、
<script language="JavaScript">
とするよりは、
<script type="text/javascript">
にすべきだと思います。

2   名前: mattun : 2006/04/27(木) 23:23  ID:mAFMJRbS
m035さん
回答ありがとうございます

早速試してみましたが、疑問が2点出てきました
色々試してみましたが、うまくいきません
お助けください

1.Formで得た値を2つスクリプトへ渡すには、どうしたら良いのでしょうか
2.2つの変数を合わせて、ドキュメントに書き出したいのですが、下記スクリプトで可能でしょうか


[試行錯誤中ソース]
<html>
<head>
<title>form_test</title>
<script type="text/javascript">
<!--
function model(order){
document.open();
document.write(ようこそ"text1"にお住まいの"text2"さん);
document.close();
}
//-->
</script>
</head>
<form name="form1">
住所:<input type="text" name="text1" /></br>
名前:<input type="text" name="text2" /></br>
<input type="button" value="送信"
onClick="model(document.form1.text1.text2.value)">
<form>
</body>
</html>

宜しくお願い致します

3   名前: 匿名希望 : 2006/04/27(木) 23:23
document.openしてdocument.writeということは現在文書をクリアして書き込むわけですから、「ドキュメントに書き出す」動作条件は満たしていますが。

要するに何がしたいのでしょうか。


> <script type="text/javascript">
> <!--

XHTMLなのだからコメントアウトしてはいけません。

> <input type="text" name="text1" /></br>

XHTMLでも</br>が単独で出ることはありえません。

> <form name="form1">

XHTMLのバージョンが不明ですが、1.1以降ならname属性など存在しません。

> onClick="model(document.form1.text1.text2.value)

XHTMLなのだからonclickと小文字で書かねばなりません。フォーム部品への参照方法も変です。

4   名前: 神崎 : 2006/04/27(木) 23:23  ID:Ss45EgCa
> 匿名希望さん
XHTMLとHTMLの書き方が混在しているからといって、
> XHTMLなのだから
ではなく、「どちらかに統一すべき」、という方がよいと思います

> mattunさん
厳しい言い方になると思いますが、
もう少し、JavaScriptの基礎を勉強した方が良いと思います。
これを質問しているようでは、この先、いくつ質問しなければならなくなるかわかったものではありません。
それならいっそのこと、制作依頼をした方が良いかもしれなくなります。

> document.write(ようこそ"text1"にお住まいの"text2"さん);
document.writeの書き方、文字列や変数の連結の仕方をもう少し勉強した方が良いでしょう。
質問2の項目の答えでもあります。

<body>が抜けてます。
これがないと、document.〜への参照が出来なくなる可能性があります。

5   名前: xmlfun : 2006/04/27(木) 23:23  ID:7vUS9yWn
3. 名前: 匿名希望 : 2006/04/27(木) 04:23
>> <script type="text/javascript">
>> <!--

>XHTMLなのだからコメントアウトしてはいけません。

大嘘。

6   名前: 匿名希望 : 2006/04/27(木) 23:23
>>5
大嘘。

7   名前: カヅサツ ◆ThCi95HEzw : 2006/04/27(木) 23:23  [URL]  ID:O5hEMlpW
http://www.tagindex.com/bbs/note.html

> 投稿される全ての方へ

> 発言について

> 他者に対して「否定的な意見」を発言する際には、できるだけその「理由」や「代替案」を提示するようにしてください。

8   名前: Pid : 2006/04/27(木) 23:23  ID:7ZLUWR5F
>>2
「どこに」「何を」「どのように」が分からないと,アドバイスしづらいと思います。


>>4
> <body>が抜けてます。これがないと、document.〜への参照が出来なくなる可能性があります。

document は概念上のルート要素(body 要素ではない)ですし,HTML ならば開始タグは省略可ですから,仕様上は問題ないかと。もちろん仰る通り,XHTML ならばタグの省略はできません。


>>5
XHTML の script 要素の中身は #PCDATA なので,XML プロセッサは本当にコメントアウトしていまいますが(仕様にも注意書きがある)。『大嘘』とまで仰った根拠・意図が,いまいち分からないです。

※現状,XHTML であっても HTML プロセッサで処理されるから構わない,ということでしょうか? でもその理屈で言えば,そもそもコメントアウトしなければいけないユーザエージェントがどれだけあるか,という多数決の問題になってしまいますが。

9   名前: mattun : 2006/04/27(木) 23:23  ID:X5Fyojeb
皆様、厳しくも暖い回答ありがとうございます。
勉強して出直します。

mattun

一覧へ戻る