ネットが遅くてイライラしてない!?

複数のinputを送信時に値をフォーマットに従ってまとめて送信するとき
そのもととなった複数のinputは送信しないようにしたいです
(郵便番号など入力欄を二つにわけるが送信時は一つにまとめるなど)

nameを付けないという方法も考えましたが
radioを含む場合に不都合なのでこの方法はとりたくありません

また送信時にinputを削除するという方法も
ajaxで元のページにとどまることも考えうるので
この方法もとりたくありません

理想はinputに特定の属性値を与えると
form送信時に送信しないようになる
とかだったのですがその方法は見つけられませんでした

クライアントサイドでの処理が難しそうなら
サーバーサイドでの処理にしますが
できれば避けたいと思っています

よろしくお願いします

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

A 回答 (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側で処理すべきです。そのほうが楽です。
    • good
    • 0
この回答へのお礼

回答ありがとうございます

よくよく考えると入力されDBに保存された値から
逆算してフォームに自動入力しなきゃいけないことなどもあって
入力値とフォームの値が一致しないのは不都合の方が多く
DBには複数のフォームの入力値は
そのまま別々に保存して出力等の処理で合成処理をする形を
とるようにするのが一番良いと結論しました

今回の用途としてはCMSの投稿記事のタイトルを
必ず特定のフォーマットで入力させたいというもので
DBにパーツ毎に別々に置いておくということはできないものだったのですが
タイトルを特定のフォーマットに従わせることには汎用性があると判断し
タイトルの元になる複数の情報を別個にDBに置き
投稿時、編集時にその値を利用してタイトルを生成して
DBの記事タイトルとして保存するという処理を
共通処理に追加することにしました

お礼日時:2014/03/12 12:51

そもそもサーバー側の正しいあり方として


「関係のないデータは無視する」のはずなので、
無関係なデータを送信しても、なんの問題もないとは思うのですが。

サーバー側で何とかするならば

処理に関係ない入力欄の 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);
    • good
    • 0
この回答へのお礼

回答ありがとうございます

サーバー側は配列で渡された入力値を
foreachで回してキー値によって処理を変える
というような処理をしているため
要らないデータがあると処理に支障を
来たす可能性があるため避けたかったのです

しかし結論としてはNo.4様に述べた様にしたため
そもそもこういうことはしなくていいことになりました

ありがとうございました

お礼日時:2014/03/12 12:59

特定のformをsubmitする際に、処理を奪って


別のformを強制でつくり必要なデータを移したうえでそのformをsubmitする

・・・とか、やりようはありますが、結局disabledを利用するのと
たいして変わりません。

おそらく命題自体に無理があるので「できない」というのが回答でしょう
    • good
    • 0

>クライアントサイドでの処理が難しそうなら


>サーバーサイドでの処理にしますが
>できれば避けたいと思っています

難しくはないですが、結局クライアントで処理したものは
サーバー側でチェックするのでサーバーサイドの処理は必須ですよ

送りたくないだけであればsubmitするときに該当するinputにdisabledを
つけてやればいいでしょう。
ただしブラウザの戻るボタン対策を考えるとonload時にdisabledをクリア
してやる必要があるかもしれません

いずれにしても本質的には解決しませんし、この手の処理はやらない方がいいと思います

この回答への補足

サーバサイドで処理するのを避けたいのは
送る先のプログラムが様々なところで
共通で使うものなので
イレギュラーな処理をなるべく
入れたくないという理由です

様々な場所で共通で使うプログラムに入れるほど
このイレギュラー処理が汎用性があるのか
という疑問ゆえにクライアントサイドで
処理するのが望ましいと考えいています

補足日時:2014/03/11 20:09
    • good
    • 0
この回答へのお礼

回答ありがとうございます

jqueryMobile上のフォームで
ajaxで送信することにもなるので
やはり提案いただいた方法も
要素を削除するのと同様、避けたい方法です

申し訳ありません

お礼日時:2014/03/11 19:58

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

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

Qフォームで同じ複数のnameで違うvalueの送信

始めまして、現在一個のフォーム内で複数の同じnameで、違うvalueを送信しようと苦戦しております、、普通にタグを書くだけでは
一個のnameで違うvalueの送信は、最後のvalueしか送信できないです、
phpは使用できません。javaは、、殆ど素人なので、あまり分かりません、、formを一個一個区切るのも、レイアウト上できません、、
どうすればいいのでしょうか?・・・以下タグです。
昨日から、ここから先に進めません。。
先輩方助けてください、本当によろしくお願いします。

<form action="http://hoge.net/hoge/hogecheck.php" method="post">
<input type="hidden" name="site" value="hoge">
<input name="id" type="text" id="idform" maxlength="10" />

<input type="hidden" name="kin" value="3000">
<input type="image" src="buybtn.gif" />
<input type="hidden" name="kin" value="5000">
<input type="image" src="buybtn.gif" />
<input type="hidden" name="kin" value="10000">
<input type="image" src="buybtn.gif" />
<input type="hidden" name="kin" value="20000">
<input type="image" src="buybtn.gif" />

</form>

始めまして、現在一個のフォーム内で複数の同じnameで、違うvalueを送信しようと苦戦しております、、普通にタグを書くだけでは
一個のnameで違うvalueの送信は、最後のvalueしか送信できないです、
phpは使用できません。javaは、、殆ど素人なので、あまり分かりません、、formを一個一個区切るのも、レイアウト上できません、、
どうすればいいのでしょうか?・・・以下タグです。
昨日から、ここから先に進めません。。
先輩方助けてください、本当によろしくお願いします。

<form action="http://hoge...続きを読む

Aベストアンサー

No.2の回答者です。
スミマセンm(__)m、Javaでしたね。PHPで書いてしまいました。。。

Java だったらこれで取れます。(HTML側の修正は不要です。)
String[] kin= req.getParameterValues("kin");

Qで配列(複数の要素)を渡したいとき?

こんにちわ,

今HTML+PHPで
$hoge[]にいくつかの要素が入っているとき,
それをあるfoo.phpというページに渡したいとき,
echo '<form action="foo.php" method="POST">';
echo '<input type="hidden" name="$hoge[]" >';
echo '</form>';
としたのですが,うまくいきません。

どうしたらよろしいでしょうか。

Aベストアンサー

nameじゃなく、valueでは?
あとやるなら、
for($i=0;$i<count($hoge);$i++){
print "<input type=\"hidden\" name=\"$hoge[$i][0]\" value=\"$hoge[$i][1]\">";
}
とか?

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qillegal string offset

php5.3では動いていたプログラムをphp 5.4 で動かしたらwarning illegal string offsetが出て困っています。以下のプログラムでwarningが出ないようにするにはどのようにコーディングすればよいのでしょうか?


$a = array('exists' => 'foo');
if ($a['exists']['non_existent']) {
print 1;
}
print 2;
exit;

Aベストアンサー

isset()を使えばいいと思います

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Qテーブルタグの中にdivを含めてはダメ?

テーブルタグの中にdiv要素を入れるとダメなのでしょうか?
何か不都合でもあるのでしょうか?
何かご存知の方がいれば教えていただけませんか?

Aベストアンサー

以下、HTML 4.01での話です。(XHTMLでもほぼ同じだと思います)

tableタグ直下に書けるのは、caption,col,colgroup,head,tfoot,tbodyと定義されています。
特定の条件下でtbodyが省略できますので、実際はtrも書けます。これら以外は書けないことになっています。
tr直下にはth,tdが書けることになっています(それ以外は不可)。

th,tdの下にはブロック要素が書けるので、divも書けます。

このように、テーブル内でth,tdの中以外でdivが使えないのはHTMLの仕様でそう決まっているからです。

QJavaScriptde途中で、「exit」するには?

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい!"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをOKで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか?

Aベストアンサー

>関数(kensaku())からは抜けられませんでした。
そうですね、勘違いしていました、f(^^;
すみません。
if(!s_data){
alert("キーワードを入れて下さい!");
return;
}
ですね。

Qdiv要素内の全input要素をdisable

Javascriptで、あるdiv要素内のチェックボックスやテキストフィールドなどのinput要素を
すべてdisableにしたいです。
以下でうまくいきません。どなたかお知恵を頂けないでしょうか?
よろしくお願い致します。
var input_tags = document.getElementById("div_id").getElementsByTagName("input");

for(var input_tag in input_tags)
{
input_tag.disabled = true;
}

Aベストアンサー

var input_tags = document.getElementById("div_id").getElementsByTagName("input");

for(var i=0;i<input_tags.length;i++){
input_tags[i].disabled = true;
}


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング