dcloud修改密码mui

最新推荐文章于 2022-11-09 12:06:03 发布

转载最新推荐文章于 2022-11-09 12:06:03 发布 · 497 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/af666/blog/825150

文章标签：

#json #javascript #ViewUI

本文介绍了一个基于HTML和JavaScript的网页应用实例，用于实现用户的密码修改功能。该应用包括了旧密码、新密码及确认密码的输入验证，并通过AJAX发送修改请求到服务器端。

为什么80%的码农都做不了架构师？>>>

<!doctype html>

<html>

<head>

<style>

.mui-input-group:first-child {

margin-top: 10px;

}

.mui-content-padded {

margin-top: 25px;

}

.mui-btn {

padding: 10px;

}

</style>

</head>

<body>

</header>

</div>

</div>

</div>

</form>

</div>

</body>

mui.init();

mui(document.body).on('tap', '#modify', function() {

var oldWord = document.getElementById("oldWord").value;

var newWord = document.getElementById("newWord").value;

var second = document.getElementById("second").value;

if(second != newWord){

mui.toast('第二次输入新密码不一致');

}else{

setTimeout(function(){

mui.ajax('http://api.fuapi.com/user/edit-password',{

data:{

access_token:'WyJOdz09IiwiTVRRNE16WTRNakEwT1E9PSIsIk1USTVOakF3TUE9PSJd',

old_password: oldWord,

new_password: newWord

dataType:'json',//服务器返回json格式数据

type:'post',//HTTP请求类型

timeout:10000,//超时时间设置为10秒；

//headers:{'Content-Type':'application/json'},

success:function(data){

//console.log(JSON.stringify(data));

if(data.code == 1){

mui.toast('修改成功');

setTimeout(function(){

mui.openWindow({

url:"../login.html",

id:'login',

createNew:true,

show:{

aniShow:'zoom-fade-out',

duration:250

waiting:{

autoShow:false

}

});

},500);

}else if(data.code == -1){

mui.toast(data.msg);

}

error:function(xhr,type,errorThrown){

mui.toast('系统异常');

}

});

}, 500);

}

});

</script>

</html>

转载于:https://my.oschina.net/af666/blog/825150