<meta charset= "Utf-8" >
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0 ">
<title> Change Password </title>
<link rel= "stylesheet" href= "Css/mui.min.css"/>
<link rel= "stylesheet" href= "Css/app.css" >
<link rel= "stylesheet" href= "Css/password_change.css"/>
<link rel= "stylesheet" href= "Css/iscroll.css"/>
<body>
<a class= "Mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
<H1 class= "mui-title" > Change Password <div id= "wrapper" >
<div id= "scroller" style= "transform-origin:0px 0px 0px; Transition-timing-function:cubic-bezier (0.1, 0.57, 0.1, 1); transition-duration:0ms; Transform:translate (0px, 0px) scale (1) translatez (0px); " >
<div class= "mui-content" style= "PADDING-TOP:64PX;" >
<div class= "mui-content-padded" style= "margin:0px;margin-top:14px" >
<form class= "Mui-input-group" >
<div class= "Mui-input-row" >
<input type= "Password" class= "mui-input-clear" placeholder= "Please enter old password" id= "Oldpwd" >
</div>
<div class= "Mui-input-row" >
<input type= "Password" class= "mui-input-clear" placeholder= "Please enter new password" id= "Newpwd" >
</div>
<div class= "Mui-input-row" >
<input type= "Password" class= "mui-input-clear" placeholder= "Please enter new password again" id= "Newpwdagain" >
</div>
</form>
</div>
<button type= "button" class= "mui-btn mui-btn-primary mui-btn-block content_btn" onclick= "Submit ()" > Complete </ Button>
</div>
</div>
</div>
<script src= "Js/mui.min.js" ></script>
<script src= "Js/jquery.min.js" ></script>
<script>
Jump Page Method
function ShowPage (x, y)
{
Mui.openwindow ({
Url:x,
Id:y,
Preload:true,
Show: {
Anishow: ' pop-in '
},
Styles: {
Popgesture: ' Hide '
},
Waiting: {
Autoshow:false
}
});
}
</script>
<script type= "Text/javascript" src= "Js/iscroll.js" ></script>
<script type= "Text/javascript" >
Call the drop-down slider to bounce back effect
var Scroll = new Iscroll (' wrapper ', {vscroll:true,hscrollbar:false});
Ajax asynchronous request validation and password modification
function Submit () {
Start a value-transfer request
var guid= "501a73825438a410e050007f01003b83";
var oldpass=$ (' #oldpwd '). Val ();
var newpass=$ (' #newpwd '). Val ();
var url = "Here's an excuse to give you the address URL Oh!!!" "
First determine if the Password box is empty
var newpwdagain=$ (' #newpwdagain '). Val ();
if (oldpass== "") {
Alert (' Old password cannot be empty ');
}
if (newpass== "" | | newpwdagain== "") {
Alert (' New password cannot be null ');
}else{
$.ajax ({
Type: "Post",
Url:url,
Success:function (Result) {
result = Result.trim ();
result = Result.replace (/\n/g, ");
alert (result);
}
});
}
}
</script>
</body>
The MUI framework writes the Modify Password page and AJAX requests background data to get the interface to complete the Change password function