[Code] Đăng ký nhanh

<div id="pun-foot">

<!-- BEGIN switch_user_logged_out -->
<div id="qick_reg" class="main">
<div id="reg_loder">Đang kiểm tra dữ liệu...</div>
<p id="reg_tip">Bạn phải điền đầy đủ thông tin đăng ký.</p>
<a href="javascript:void(0)" class="modal_close"></a>
 
  <form onsubmit="submit_reg(); return false"
action="/register?agreed=true&step=2" method="post" name="post"
id="ucp">
      <div class="main-content frm" style="border: 0px none;">
        <fieldset class="frm-set multi" style="border: 0px none; margin:0;background-color: #FFF;">
            <dl><dt><label>Tên tài khoản :</label></dt>
              <dd>
 
                                            <input autocomplete="off"
 type="text" id="username_reg" name="username" value="" size="25"
maxlength="25" />
                  <div id="name_reg" class="check_reg">
                    <div class="pwd_img reg_er kytu">Số ký tự phải từ 6 trở lên</div>
                    <div class="pwd_img reg_er loi">Hãy chọn tài khoản khác</div>
                    <div class="pwd_img reg_ok">Có thể dùng tài khoản này</div>
                  </div>
              </dd>
            </dl>
            <dl><dt><label>Địa chỉ E-mail :</label></dt>
              <dd>
 
                                            <input autocomplete="off"
 class="ltr" type="text" id="email" name="email" value="" size="25"
maxlength="64" />
                  <div id="email_reg" class="check_reg">
                    <div class="pwd_img reg_er">Không sử dụng địa chỉ này</div>
                    <div class="pwd_img reg_wa">E-mail sẽ được kiểm sau</div>
                  </div>
              </dd>
            </dl>
            <dl><dt><label>Mật khẩu :</label></dt>
              <dd>
 
                                            <input autocomplete="off"
 class="ltr" type="password" id="password_reg" name="password" value=""
size="25" maxlength="25" />
                  <div class="check_reg" id="cont_pwd">
                    <div class="pwd_img reg_er kytu">Số ký tự phải từ 6 trở lên</div>
                    <div class="pwd_img reg_er trung">Trùng tên đăng nhập</div>
                    <div class="pwd_img" id="pwd_bad" style="display: none;">Quá đơn giản</div>
                    <div class="pwd_img" id="pwd_middle" style="display: none;">Tạm ổn</div>
                    <div class="pwd_img" id="pwd_good" style="display: none;">***</div>
                  </div>
              </dd>
            </dl>
            <dl><dt><label>Gõ lại mật khẩu :</label></dt>
              <dd>
 
                                            <input autocomplete="off"
 type="password" id="password_confirm" size="25" maxlength="25"
name="password_confirm" class="inputbox narrow" />
                  <div id="pass_co" class="check_reg">
                    <div class="pwd_img reg_er">Chưa đúng</div>
                    <div class="pwd_img reg_ok">Chính xác</div>
                  </div>
              </dd>
            </dl>
            <dl class="frm-buttons">
              <p style="padding: 10px 0px 0px; text-align: center;">
                                            <input class="button2" type="submit" name="submit" value="Đăng ký" />
                                            <input class="button2" type="reset" name="reset" value="Làm mới" />
              </p>
            </dl>
        </fieldset>
      </div>
  </form>
</div>
<script type="text/javascript" src="http://baivong.forumclan.com/12218.js"></script>
<!-- END switch_user_logged_out -->

/* Quick register - www.fmvi.vn */
#qick_reg #cont_pwd, #qick_reg .check_reg{float:none;height:24px;width:180px;padding:2px 0!important}
#pwd_bad,
 
.reg_er{background:url(http://i15.servimg.com/u/f15/16/58/89/73/001_3010.png)
 no-repeat scroll left center transparent;color:red}
#pwd_middle,
.reg_wa{background:url(http://i15.servimg.com/u/f15/16/58/89/73/alert_10.png)
 no-repeat scroll left center transparent;color:blue}
#pwd_good,
.reg_ok{background:url(http://i15.servimg.com/u/f15/16/58/89/73/001_0610.png)
 no-repeat scroll left center transparent;color:green}
#qick_reg .pwd_img{float:left;height:24px;line-height:24px;text-align:left;width:180px;padding:0 0 0 30px}
#qick_reg  dd{padding:0}
#reg_tip{background-color:#FCF8E3;color:#C09853;border-color:#FBEED5;margin-bottom:20px;border:1px solid;padding:5px 7px}
#reg_loder{background:url(http://i15.servimg.com/u/f15/16/58/89/73/ajax-l11.gif)
 no-repeat scroll center 130px rgba(255, 255, 255,
0.65);color:#086CC5;display:none;font-family:Comic Sans
MS;font-weight:700;height:100%;left:0;line-height:350px;position:absolute;text-align:center;top:0;width:100%}
#qick_reg{box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:none
 repeat scroll 0 0 padding-box #FFF;border:1px solid
rgba(0,0,0,0.333);box-shadow:0 4px 16px
rgba(0,0,0,0.2);color:#000;outline:0
none;position:absolute;width:500px;display:none;padding:40px}
.modal_close{background:url(http://i40.servimg.com/u/f40/17/70/81/78/close-10.png)
 repeat scroll 0 0
transparent;content:"";height:11px;position:absolute;right:17px;top:17px;width:11px}
#lean_overlay{position:fixed;z-index:700;top:0;left:0;height:100%;width:100%;background:#666;display:none}
.error input{border:1px solid #F5A7A7;background-color:#F2DEDE}