要素をdisplay:noneにした後、その項目だけpostしないようにするには。

Question

参考サイト

inputをdivで囲い、名前を付け上記サイトを参考に、
.style.display = "none";
をつけある条件で表示非表示されるようにしました。

controllerやmodelでバリデーションをformに対してかけていたとして、noneになっているinputにバリデーションはかかるんですよね。
postで調べたところ項目には未入力的な扱いを受けていました。

ある条件かでdivなどの要素を非表示にしたい場合、noneではなく他の方法がありますか？
単純に見えなくするだけでなく、ないものとして、postしcontrollerで受け取った時にも項目から消えているようにしたいです。

何かそういったやり方がありますか？

Answer 1

囲っている div を、display: none ではなく DOM ツリーから削除するか、
囲われている input に disabled 属性を足します。

Comments

[momolength]

なるほど、ありがとうございます。
jsで今document.getElementById('firstBox').style.display = "none";
してるだけなんですが、
同じような感じでdisableの追加までできるんでしょうか？

[int32_t]

お使いのHTMLがわからないので正確なことは言えないのですが、
document.getElementById('firstBox').querySelector('input').disabled = true;
のようなコードになると思います。