ショッピングサイトを制作しているWebデザイナーです。Java Scriptについて質問です。
私が制作しているWebサイトは、商品ページのformでインプットされたデータをサーバー上のASPに渡す仕組みとなっています。
以前は、色・サイズなどオプション項目を選択しなくてもデータが渡されてしまっていたため、validateFormを使ってオプションが選択されていない場合はエラーメッセージを表示するように修正しました。
ところがvalidateFormを付けた後、1ページに2つ以上formがあると、2つ目以降のformで(データが届かないという)ASPエラーが出るようになってしまいました。
----------------------------
以前(validateFormを付ける前)のform action部分
<form action="https://~/productProcess.asp" method="get" id="form1">
----------------------------
新しい(validateFormを付けた後)のform action部分
<form action="https://~/productProcess_new.asp" method="get" name="form1" onsubmit="return validateForm(this);">
----------------------------
これは、validateFormを付けたためデータが送られないようになってしまったのでしょうか?1ページに2つ、3つformを付けるにはどのように修正すればよろしいでしょうか?
分かる方、ご回答よろしくお願いします。
No.1ベストアンサー
- 回答日時:
validateFormの仕様がわからないのでなんとも
いえませんが、validateForm(this)をしたときに
falseを返してきているためだと推測されます。
おそらくオプションが選択状態がただしくないの
でしょう。
サブミットのチェッカーが汎用的にできているか
よくよく検証なさった方がよろしいかと思います。
今回の不具合とは無関係だとは思いますが
以前idで管理していたものをnameに換えたのは
なにか意味があるのでしょうか・・・。
当然idやnameが被らないように注意してください。
もちろん1ページに複数のフォームは問題なく
おけます。
この回答への補足
yambejpさん、お返事ありがとうございます。
「当然idやnameが被らないように注意してください」というコメントを受け、現状のサイトでformが2つある(そして動作している)ページのソースを見てみたら、1つのページ内にいくつformがあっても全てform nameが"form1"となっており、input nameも全て被っていました。そのため、同じようにname(id)を全て被らせたら、ちゃんと動作するようになりました。
きっと、ASPのinputデータ受け取り側にform nameを被らせてほしい理由があるのだと思います。プログラムを作った担当者になぜname(id)を被らせているのか聞いてみます。
(その結果は後でお知らせします)
現状使用している入力・選択チェックのJavaScriptの関係で、formのnameを被らせているとのことでした。なので、JavaScript自体を修正することにします。
yambejpさん、ありがとうございました。
No.2
- 回答日時:
JavaScriptというかHTMLの仕様の問題ですが、
ひとつのページにformが複数ある場合は、submitしたformの内容しかサーバーには送信されないはずです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
リンク先アドレスの一部にテキ...
-
指定したタグを書き換えるには?
-
複数のフォームを一括で自動送...
-
同意チェックボックスはひとつ...
-
タブキーでなくエンターキーで...
-
ページを再読み込み後、再読み...
-
テキストボックスに任意のURLを...
-
別ウィンドウへのsubmitの挙動...
-
Javascript IEで「識別子があり...
-
document.form.actionでの処理
-
Firefox:JavaScriptのsubmit
-
return trueとreturn falseの用...
-
プルダウン選択を変更すると、...
-
slickのレスポンシブ > center...
-
onchangeイベントを強制的に発...
-
submitがおされた同時に JavaSc...
-
select要素のvalueを配列で取得...
-
Selectボックスの幅を自動で広...
-
HTMLファイル同士での値渡し
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
別ウィンドウへのsubmitの挙動...
-
複数のフォームを一括で自動送...
-
POST時に要素を削除してからPOST
-
iframe内のformをサブミットす...
-
focus()が上手くいかない
-
1つのページにformを2つ設置。2...
-
添付ファイルの未選択チェック方法
-
Chromeの document.getElementB...
-
1つのformで複数のactionをボタ...
-
C# 配列などの受け渡し
-
ENTERキーを無効にしたいのです...
-
フォームが空欄の時にフォーム...
-
別窓ウィンドウから親ウィンド...
-
submitボタン押下後、disabled...
-
Javascript IEで「識別子があり...
-
迅速なご回答ありがとうござい...
おすすめ情報