![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
複数のinputを送信時に値をフォーマットに従ってまとめて送信するとき
そのもととなった複数のinputは送信しないようにしたいです
(郵便番号など入力欄を二つにわけるが送信時は一つにまとめるなど)
nameを付けないという方法も考えましたが
radioを含む場合に不都合なのでこの方法はとりたくありません
また送信時にinputを削除するという方法も
ajaxで元のページにとどまることも考えうるので
この方法もとりたくありません
理想はinputに特定の属性値を与えると
form送信時に送信しないようになる
とかだったのですがその方法は見つけられませんでした
クライアントサイドでの処理が難しそうなら
サーバーサイドでの処理にしますが
できれば避けたいと思っています
よろしくお願いします
No.4ベストアンサー
- 回答日時:
できないです。
そもそもCGI側に渡すための物ですから
(郵便番号など入力欄を二つにわけるが送信時は一つにまとめるなど)
入力ページから送信された物は一旦CGI側で、
$postcode="120-1135";
とかになって、
<input type="hiidden" name="zip-code" value="120-1135">
・・・・・
<th>郵便番号</th><td class="zip-code">120-1135</td>
とtableか、
<input type="text" name="zip-a" value="120" readonly>-<input type="text" name="zip-b" value="1135" readonly>
とかの再フォーになっているはず。
<input type="text" name="zip-a" value="120">-<input type="text" name="zip-b" value="1135">
で修正を受け付けても良い。
>クライアントサイドでの処理が難しそうならサーバーサイドでの処理にしますができれば避けたいと思っています
これ、根本的に間違っています。
javascriptなどはユーザー側に制約されるので、可能な限り楽な方法--CGI側で処理すべきです。そのほうが楽です。
回答ありがとうございます
よくよく考えると入力されDBに保存された値から
逆算してフォームに自動入力しなきゃいけないことなどもあって
入力値とフォームの値が一致しないのは不都合の方が多く
DBには複数のフォームの入力値は
そのまま別々に保存して出力等の処理で合成処理をする形を
とるようにするのが一番良いと結論しました
今回の用途としてはCMSの投稿記事のタイトルを
必ず特定のフォーマットで入力させたいというもので
DBにパーツ毎に別々に置いておくということはできないものだったのですが
タイトルを特定のフォーマットに従わせることには汎用性があると判断し
タイトルの元になる複数の情報を別個にDBに置き
投稿時、編集時にその値を利用してタイトルを生成して
DBの記事タイトルとして保存するという処理を
共通処理に追加することにしました
No.3
- 回答日時:
そもそもサーバー側の正しいあり方として
「関係のないデータは無視する」のはずなので、
無関係なデータを送信しても、なんの問題もないとは思うのですが。
サーバー側で何とかするならば
処理に関係ない入力欄の name を notdata_ で始まる命名とする
サーバー側で notdata_ で始まる引数は処理しない汎用ルールを追加
例) 郵便区番号: notdata_postalcode3
クライアント側で何とかするならば
// フォームをDOM上で生成して値を設定して送信して即廃棄する方法
// 通常通り画面遷移して、元のフォームも汚さない
元のフォーム.addEventListener('submit', function(event){
var data = フォームの値を読み取る(元のフォーム);
var form = document.createElement('form');
form.action = 元のフォーム.action;
form.method = 元のフォーム.method;
for (var name in data) {
var hidn = form.appendChild(document.createElement('input'));
hidn.type = 'hidden';
hidn.name = name;
hidn.value = data[name]; // TODO:複数選択可能なリスト入力に対応
}
form.submit();
}, false);
回答ありがとうございます
サーバー側は配列で渡された入力値を
foreachで回してキー値によって処理を変える
というような処理をしているため
要らないデータがあると処理に支障を
来たす可能性があるため避けたかったのです
しかし結論としてはNo.4様に述べた様にしたため
そもそもこういうことはしなくていいことになりました
ありがとうございました
No.2
- 回答日時:
特定のformをsubmitする際に、処理を奪って
別のformを強制でつくり必要なデータを移したうえでそのformをsubmitする
・・・とか、やりようはありますが、結局disabledを利用するのと
たいして変わりません。
おそらく命題自体に無理があるので「できない」というのが回答でしょう
No.1
- 回答日時:
>クライアントサイドでの処理が難しそうなら
>サーバーサイドでの処理にしますが
>できれば避けたいと思っています
難しくはないですが、結局クライアントで処理したものは
サーバー側でチェックするのでサーバーサイドの処理は必須ですよ
送りたくないだけであればsubmitするときに該当するinputにdisabledを
つけてやればいいでしょう。
ただしブラウザの戻るボタン対策を考えるとonload時にdisabledをクリア
してやる必要があるかもしれません
いずれにしても本質的には解決しませんし、この手の処理はやらない方がいいと思います
この回答への補足
サーバサイドで処理するのを避けたいのは
送る先のプログラムが様々なところで
共通で使うものなので
イレギュラーな処理をなるべく
入れたくないという理由です
様々な場所で共通で使うプログラムに入れるほど
このイレギュラー処理が汎用性があるのか
という疑問ゆえにクライアントサイドで
処理するのが望ましいと考えいています
回答ありがとうございます
jqueryMobile上のフォームで
ajaxで送信することにもなるので
やはり提案いただいた方法も
要素を削除するのと同様、避けたい方法です
申し訳ありません
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- その他(プログラミング・Web制作) VBSでコマンドプロンプトを起動する方法 1 2022/11/11 22:01
- UNIX・Linux iptablesを設定するとメール送信処理が遅くなる!? 6 2022/06/07 01:11
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- Outlook(アウトルック) アイホンで撮った写真を一枚だけPCに移し画像を縮小してWebメールに添付して送信する方法 1 2022/04/22 15:33
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
Javascript_submit()完了後に処理したい
JavaScript
-
【jQuery】input nameの文字列を変数を使い動的にする方法
JavaScript
-
POST時に要素を削除してからPOST
JavaScript
-
-
4
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
5
tableタグとformタグの組み合わせ
HTML・CSS
-
6
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
7
フォームで同じ複数のnameで違うvalueの送信
Java
-
8
URLのパラメータをGETのままで非表示にしたい
PHP
-
9
ダブルクォーテーションのreplaceの方法
JavaScript
-
10
name属性のないformタグの、中身を操作する方法を教えてください
JavaScript
-
11
テキストエリア内の改行禁止
HTML・CSS
-
12
onchangeイベントを強制的に発生させる
JavaScript
-
13
submitボタン押下時にPOSTされるデータを追加
JavaScript
-
14
SQL Left Join で重複を排除するには
SQL Server
-
15
Excelでセル参照したとき、書式も一緒に持ってくるには?
Windows Vista・XP
-
16
hiddenのvalueの値を変えたい
JavaScript
-
17
別formのhidden項目を自form値として送信したい
Perl
-
18
指定URLを新しいウィンドウで開くには
PHP
-
19
SQLで、Join句で結合したテーブルにデータが無い場合について
SQL Server
-
20
【C#/Java?】try-catchでcatchせずにfinallyは一般的?
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
formで特定のinputを送信しない...
-
子windowsからsubmit()後にclos...
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
文字の横にプルダウンを表示さ...
-
メモリをアドレスを直接指定し...
-
VB6で、長い時間かかる処理...
-
実行時エラー 3020の対策
-
構造体の各データの表示につい...
-
セレクトメニューで2つの項目...
-
出来ているHTMLに無料CGIをつけ...
-
pythonで演算子を変数に代入す...
-
malformed header from script....
-
Pythonを用いてCGIを作る勉強を...
-
<SELECT>タグの折り返し
-
どちのほうがすきですか?
-
少数点以下の桁数について
-
セレクトボックスの内容を中央寄せ
-
複数列を持ったリストボックス...
-
C++ コマンドプロンプトでの入...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
formで特定のinputを送信しない...
-
子windowsからsubmit()後にclos...
-
テキスト入力後、エンターを押...
-
ホームページビルダーのメール...
-
Perlで分数を保持したい
-
display: none をすると Enter ...
-
Application.ScreenUpdating = ...
-
JSONで文字列が長い時
-
CLispのloop内の挙動について
-
16進の10進変換について
-
文字の横にプルダウンを表示さ...
-
実行時エラー 3020の対策
-
【メモリ不足で落ちる(python)】
-
パイソンのクラスのブログラム
-
パイソンのクラスについて
-
パイソンのクラスについて
-
vscode 文字化け
-
メモリをアドレスを直接指定し...
-
どちのほうがすきですか?
-
パイソンプログラミング
おすすめ情報