Note that there are some explanatory texts on larger screens.

plurals
  1. POerror (div class="fieldWithErrors") workaround?
    primarykey
    data
    text
    <p>In my project, I have a register form.</p> <p>My HTML looks like</p> <pre><code> &lt;form method="post" action="/users"&gt; &lt;div style="margin: 0pt; padding: 0pt;"&gt; &lt;input type="hidden" value="lDHrKRC2ENhRKcaoBR4XGfzri/MY09PjqVDvHRtC0D4=" name="authenticity_token"/&gt; &lt;/div&gt; &lt;p&gt;&lt;label for="login"&gt;Login&lt;/label&gt; &lt;input type="text" size="30" name="user[login]" id="user_login"/&gt;&lt;/p&gt; &lt;p&gt;&lt;label for="email"&gt;Email&lt;/label&gt; &lt;input type="text" size="30" name="user[email]" id="user_email"/&gt;&lt;/p&gt; &lt;p&gt;&lt;label for="password"&gt;Password&lt;/label&gt; &lt;input type="password" size="30" name="user[password]" id="user_password"/&gt;&lt;/p&gt; &lt;p&gt;&lt;label for="password_confirmation"&gt;Confirm Password&lt;/label&gt; &lt;input type="password" size="30" name="user[password_confirmation]" id="user_password_confirmation"/&gt;&lt;/p&gt; &lt;p&gt;&lt;input type="submit" value="Sign up" name="commit"/&gt;&lt;/p&gt; &lt;/form&gt; </code></pre> <p>Now generating an error by submitting an the empty form my code looks like:</p> <pre><code> &lt;form method="post" action="/users"&gt; &lt;div style="margin: 0pt; padding: 0pt;"&gt;&lt;input type="hidden" value="lDHrKRC2ENhRKcaoBR4XGfzri/MY09PjqVDvHRtC0D4=" name="authenticity_token"/&gt; &lt;/div&gt; &lt;p&gt;&lt;label for="login"&gt;Login&lt;/label&gt; &lt;/p&gt;&lt;div class="fieldWithErrors"&gt;&lt;input type="text" value="hg" size="30" name="user[login]" id="user_login"/&gt;&lt;/div&gt; &lt;p&gt;&lt;label for="email"&gt;Email&lt;/label&gt; &lt;/p&gt;&lt;div class="fieldWithErrors"&gt;&lt;input type="text" value="gh" size="30" name="user[email]" id="user_email"/&gt;&lt;/div&gt; &lt;p&gt;&lt;label for="password"&gt;Password&lt;/label&gt; &lt;/p&gt;&lt;div class="fieldWithErrors"&gt;&lt;input type="password" value="gh" size="30" name="user[password]" id="user_password"/&gt;&lt;/div&gt; &lt;p&gt;&lt;label for="password_confirmation"&gt;Confirm Password&lt;/label&gt; &lt;input type="password" value="gh" size="30" name="user[password_confirmation]" id="user_password_confirmation"/&gt;&lt;/p&gt; &lt;p&gt;&lt;input type="submit" value="Sign up" name="commit"/&gt;&lt;/p&gt; &lt;/form&gt; </code></pre> <p>this will destroy my layout. Is there a solution doing </p> <pre><code>&lt;input type="text" value="gh" size="30" name="user[email]" class="fieldWithErrors" id="user_email"/&gt; </code></pre> <p>instead of </p> <pre><code>&lt;div class="fieldWithErrors"&gt;&lt;input type="text" value="gh" size="30" name="user[email]" id="user_email"/&gt;&lt;/div&gt; </code></pre> <p>?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload