orbit4-5/app/views/users/new.html.erb

<section id="main-wrap">
  <div class="sign-up have-other-sign-in">

    <% flash.each do |key, msg| %>
      <%= content_tag :p, msg, :class => [key, "alert alert-error in fade"] %>
    <% end %>

    <div class="form">
      <h3 class="login-logo">Sign up with Orbit</h3>
      <div class="form-block option-block">
        <div class="form-list clearfix">

          <%= form_for @user, :html => {:class => 'content form-horizontal'} do |f| %>

            <div class="control-group clear">
              <label class="control-label" for="user_email"><%= t("users.user_id") %></label>
              <div class="controls">
                <%= f.text_field :user_name, :placeholder => t("users.user_id"), :id=>"user_id",:class=>"availibility" %>
                <span class="loader hide"><img src="/assets/availability-check-loader.gif" /></span>
                <span class="notify not-ok hide alert alert-danger"><i class="icon-remove"></i>Not Available</span>
                <span class="notify ok alert hide alert-success"><i class="icon-ok"></i>Available</span>
              </div>
            </div>

            <div class="control-group clear">
              <label class="control-label" for="user_email"><%= t("user.first_name")%></label>
                <div class="controls">
                  <%= text_field_tag :first_name, "", class: "availibility", id: "user_first_name", placeholder: t("users.first_name") %>
                  <span class="loader hide"><img src="/assets/availability-check-loader.gif" /></span>
                   <span class="notify not-ok hide alert alert-danger"><i class="icon-remove"></i>Not Available</span>
                  <span class="notify ok hide alert alert-success"><i class="icon-ok"></i>Available</span>
                </div>
            </div>

            <div class="control-group clear">
              <label class="control-label" for="user_email"><%= t("user.last_name")%></label>
                <div class="controls">
                  <%= text_field_tag :last_name, "", class: "availibility", id: "user_last_name", placeholder: t("users.last_name") %>
                  <span class="loader hide"><img src="/assets/availability-check-loader.gif" /></span>
                   <span class="notify not-ok hide alert alert-danger"><i class="icon-remove"></i>Not Available</span>
                  <span class="notify ok hide alert alert-success"><i class="icon-ok"></i>Available</span>
                </div>
            </div>

            <div class="control-group clear">
              <label class="control-label" for="user_email"><%= t("user.email")%></label>
                <div class="controls">
                  <%= email_field_tag :email, "", class: "availibility", id: "user_email", placeholder: t("users.email") %>
                  <span class="loader hide"><img src="/assets/availability-check-loader.gif" /></span>
                   <span class="notify not-ok hide alert alert-danger"><i class="icon-remove"></i>Not Available</span>
                  <span class="notify ok hide alert alert-success"><i class="icon-ok"></i>Available</span>
                </div>
            </div>

            <div class="control-group clear">
              <label class="control-label" for="user_password">Password</label>
              <div class="controls">
                <%= f.password_field :password, :placeholder => t(:dots), :id=>"user_password" %>
              </div>
            </div>
            <div class="control-group clear">
              <label class="control-label" for="user_password">Confirm Password</label>
              <div class="controls">
                <%= f.password_field :password, :placeholder => t(:dots), :id=>"confirm_user_password" %>
              </div>
            </div>
            <h3 class="line"></h3>
            <div class="pull-right">
              <%= f.submit t(:register), :class => 'btn btn-primary' %>
            </div>
           
          <% end %>
          
        </div>
      </div>
    </div>

  </div>
</section>