表示専用inputをsubmitしない方法

質問

ゆえあって、表示用の <input readonly="readonly"> を多用するページがあります。
さて、このページを submit したところ、
「HTTPステータス 400 - POST パラメーターが最大制限を超えています。」
と表示され、送信すべき他のデータがうまく送信できません。

そこで jQueryを用いて submit時に、
ページ内にあるすべての <input readonly="readonly"> の input をすべて disabled="disabled" と変更して、
これらを送信対象としない方策を検討しています。

下記のように記述しましたがなかなかうまくいかず、お知恵を拝借したいのです。
何卒よろしくお願いいたします。

-----

// 表示専用inputをsubmitしない

jQuery(function($){
$("form").submit(function() {
var l = document.getElementsByTagName("input");
for(var i in l){
if (l[i].is(':readOnly')) {
l[i].attr("disabled", "disabled");
}
}
});
});

回答No.3

mpro-gram · ベストアンサー

JQuery を使ってと言いつつ、DOM方式と混ざってるのが敗因のようです。
<script src="jquery-1.8.1.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(function(){
$("form").submit(function() {
$('input[readOnly]').attr('disabled',true);
/* input 要素の 属性[readonly] を持ってる全てに対して、属性 disabled を設定 */
} ); // onsubmit end
});
</script>

お礼

ありがとうございました! たしかに getElementsByTagName と混在させるのはよくありませんでした。
こちらの記述で要求どおりの処理が行われました。

回答No.2

gorusura

JavaScript が off だった場合はどうするのですか。
JavaScript は飾りです。
JavaScript が使わずにHTMLを書いてから、JavaScript であれこれするんです。
大抵の場合、設計が悪い可能性が高いです。

お礼

ご指摘ありがとうございます。
本件は管理画面上でして、限定したブラウザにてJavaScriptの実行が可能であることを前提に制作しております。
とはいえ、あまりクライアントサイドで無茶な処理をしないよう、設計には気をかけるようにいたします。

回答No.1

babu_baboo

Array.prototype.forEach.call (document.querySelectorAll ('input[readonly]'),function (e) { e.disabled = true; });

もし、jQuery が不要で、上が動く環境なら１行で。

お礼

ありがとうございました! No.3 様の記述と併せて実行してみたところ、この1行で実現が出来ました。