<style type="text/css">
ul.frm {
	width:550px;
	margin:0 auto;
}
ul.frm li div {
	padding:8px;
}
ul.frm li div.left {
    float: left;
    text-align: left;
    width: 115px;
}
ul.frm li div.right {
	float:left;
	width:300px;
	text-align:left;
}
.bt_submit {
	margin:12px 10px 12px 8px;
}
label.error {
	color:#F00;
	font-weight:normal;
}

</style>
<div class="col-md-8">
	<div class="box">
    <div class="title">Đổi mật khẩu</div>
        <div class="wrap">
        <form method="post" name="frmchangepass" id="frmchangepass" action="<?=url?>quenmatkhau/changepass">
         	<input type="hidden" value="" name="txtjobsidedit">
            <div class="error" style="color:#F00; margin-left:150px; padding:10px;"><?=$error?></div>
           <ul class="frm">
                <li>
                    <div class="left">Mật khẩu cũ :</div>
                    <div class="right">
                        <input type="password" value="" id="oldpass" name="oldpass">
                    </div>
                </li>
                <li>
                    <div class="left">Mật khẩu mới :</div>
                    <div class="right">
                        <input type="password" value="" id="newpass" name="newpass">
                    </div>
                </li>
                <li>
                    <div class="left">Xác nhận lại :</div>
                    <div class="right"><input type="password" value="" id="cfpass" name="cfpass"></div>
                </li>
                <li>
                    <div class="left">&nbsp;</div>
                    <div class="right_btn">
                        <input type="submit" value="Cập nhật" class="bt_submit" name="bt_submit" id="bt_submit">
                        <input type="button" value="Quay về" class="bt_back" onClick="javascript:history.go(-1);" name="bt_back">
                    </div>
                </li>
            </ul>
        </form>
        </div>
    </div>
</div>
<script language="javascript">
$(document).ready(function(){
	$("#bt_submit").click(function(){
	     $("#frmchangepass").validate({
			rules: {
				oldpass: {required:true},
				newpass: {required:true},
				cfpass: {required:true, equalTo: "#newpass"}
			},
			messages: {
				oldpass: {required:"Vui lòng nhập mật khẩu hiện tại."},
				newpass: {required:"Vui lòng nhập mật khẩu mới."},
				cfpass: {required:"Xác nhận mật khẩu không đúng.", equalTo:'Xác nhận mật khẩu không trùng khớp.'}
			}
		});    
	});
});
</script>