<h2 id="%E4%BA%8B%E8%B1%A1">
<a class="header-anchor-link" href="#%E4%BA%8B%E8%B1%A1" aria-hidden="true"></a> 事象</h2>
<ul>
<li>railsではformで送信時にvalidateなどのメッセージを出せるが、</li>
<li>そのvalidateメッセージ表示周りがdivで囲まれ</li>
<li>レイアウトが崩れる場合がある</li>
</ul>
<h2 id="%E5%AF%BE%E7%AD%96">
<a class="header-anchor-link" href="#%E5%AF%BE%E7%AD%96" aria-hidden="true"></a> 対策</h2>
<ul>
<li>もしview周りはデザイナーが担当しており</li>
<li>cssの指定が <code>.class &gt; p + span</code> などのように <strong>子、隣接結合子</strong>などを使って書かれている場合</li>
<li>デザイナーに<strong>BEM記法</strong>などで書き直してもらう必要がある</li>
</ul>
<h2 id="%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%81%9D%E3%81%AE%E5%A0%B4%E3%81%97%E3%81%AE%E3%81%8E">
<a class="header-anchor-link" href="#%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E3%81%9D%E3%81%AE%E5%A0%B4%E3%81%97%E3%81%AE%E3%81%8E" aria-hidden="true"></a> よくあるその場しのぎ</h2>
<ul>
<li>レイアウトが崩れるので、validate周りをdivで囲まないようにする為、configに以下を書いている場合</li>
</ul>
<div class="code-block-container"><pre class="language-ruby"><code class="language-ruby"><span class="token comment"># 二重送信対策解除</span>
config<span class="token punctuation">.</span>action_view<span class="token punctuation">.</span>automatically_disable_submit_tag <span class="token operator">=</span> <span class="token boolean">false</span>
</code></pre></div><ul>
<li>
<p>もちろんこれだと二重送信防止が解除される為解決にならない</p>
</li>
<li>
<p><a href="https://rails.densan-labs.net/form/double_submit_protection.html" target="_blank" rel="nofollow noopener noreferrer">二重送信防止方法はこちら</a></p>
</li>
</ul>
<hr>
<h2 id="%E7%B5%90%E8%AB%96">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96" aria-hidden="true"></a> 結論</h2>
<ul>
<li>デザイナーに書き直してもらう</li>
<li>or 自分で書く</li>
<li>html, css記法は認識を共通しておく事</li>
</ul>


rails二重投稿防止の注意点

事象

対策

よくあるその場しのぎ

結論

Discussion