Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You do it this way :</p> <p>Assume this is the First Step :</p> <pre><code>&lt;fieldset class="step"&gt; &lt;legend&gt;Account&lt;/legend&gt; &lt;p&gt; &lt;label for="username"&gt;User name&lt;/label&gt; &lt;input id="username" name="username" /&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="email"&gt;Email&lt;/label&gt; &lt;input id="email" name="email" type="email" /&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="password"&gt;Password&lt;/label&gt; &lt;input id="password" name="password" type="password" /&gt; &lt;/p&gt; &lt;/fieldset&gt; </code></pre> <p>Your Confirmation Step should look like this</p> <pre><code>&lt;fieldset class="step"&gt; &lt;legend&gt;Confirm Your Account Information&lt;/legend&gt; &lt;p&gt; &lt;span id="username_confirmation"&gt;&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;span id="email_confirmation"&gt;&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;span id="password_confirmation"&gt;&lt;/span&gt; &lt;/p&gt; &lt;/fieldset&gt; </code></pre> <p>And place this JQuery code on any part of the page </p> <pre><code>$(function(){ $('input[type="text"]').keyup(function() {$("#"+$(this).attr("id")+"_confirmation").html($(this).val());}); }); </code></pre> <p>So basically what it did is to catch any keyup event on any textbox, check for an element with an ID of the related text box "plus" _confirmation. Let's say you're typing on username textbox, on every keyup it'll look for element of "username_confirmation" and change the content of "username_confirmation" into the same value of "username"</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.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      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