{block name="mall_top"}{include file='default/base/mall_top'/}{/block}
{block name="member_header"}{include file='default/base/member_header'/}{/block}
<div class="member_center_back">
<div class="dsm-container">
   
 <div class="right-layout" style="margin-top:50px;">
      
<div class="dsm-default-form">
    <form method="post" id="password_form" name="password_form" action="{:url('/index.php/home/Membersecurity/modify_pwd')}">
      <dl>
        <dt><i class="required">*</i>New Password：</dt>
        <dd>
          <input type="password"  maxlength="40" class="password" name="password" id="password"/>
          <label for="password" generated="true" class="error"></label>
          <p class="hint">Password must be 6-20 characters.</p></dd>
      </dl>
      <dl>
        <dt><i class="required">*</i>Confirm Password：</dt>
        <dd>
          <input type="password" maxlength="40" class="password" name="confirm_password" id="confirm_password" />
          <label for="confirm_password" generated="true" class="error"></label>
        </dd>
      </dl>
      <dl class="bottom">
        <dt>&nbsp;</dt>
        <dd>
            <input type="submit" class="submit" value="SUBMIT" />
        </dd>
      </dl>
    </form>
  </div>

<script type="text/javascript">
$(function(){
    $('#password_form').validate({
         submitHandler:function(form){
            ds_ajaxpost('password_form', 'url', '{:url("/index.php/home/Membersecurity/index")}')
        },
        rules : {
            password : {
                required   : true,
                minlength  : 6,
                maxlength  : 20
            },
            confirm_password : {
                required   : true,
                equalTo    : '#password'
            }
        },
        messages : {
            password  : {
                required  : '<i class="iconfont">&#xe64c;</i>Invalid Password',
                minlength : '<i class="iconfont">&#xe64c;</i>Invalid Password',
                maxlength : '<i class="iconfont">&#xe64c;</i>Invalid Password'
            },
            confirm_password : {
                required   : '<i class="iconfont">&#xe64c;</i>Invalid Password',
                equalTo    : '<i class="iconfont">&#xe64c;</i>Invalid Password'
            }
        }
    });
});
</script> 

    </div>
    <div class="clear"></div>
</div>
</div>
{block name="mall_server"}{include file='default/base/mall_server'/}{/block}
{block name="mall_footer"}{include file='default/base/mall_footer'/}{/block}