Fix viewpassword bug.

This commit is contained in:
MikoyChinese 2022-01-10 18:36:38 +08:00
parent 9b8c8101b5
commit bfb67b719e

View File

@ -17,18 +17,30 @@
<body>
<div class="mdui-container" id="container">
<div class="mdui-dialog mdui-dialog-prompt mdui-dialog-open">
<div class="mdui-dialog-title">验证查看密码</div>
<div class="mdui-dialog-content">
<div class="mdui-textfield">
<i class="mdui-icon material-icons">lock</i>
<label class="mdui-textfield-label">密码</label>
<input class="mdui-textfield-input" type="password" id="password">
</div>
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple mdui-text-color-primary" id="confimBtn">验证</button>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.2/dist/js/mdui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<script>
var content = '<div class="mdui-textfield">' +
'<i class="mdui-icon material-icons">lock</i>' +
'<label class="mdui-textfield-label">密码</label>' +
'<input class="mdui-textfield-input" type="password">' +
'</div>';
var onConfirm = async function(pwd) {
var $input = mdui.$('#container').find('.mdui-textfield-input');
var $dialog = new mdui.Dialog(mdui.$('.mdui-dialog'));
var onConfirm = async function() {
var pwd = $input.val();
const res = await fetch("/view-password", {
method: 'POST',
headers: {'Content-Type': 'application/json'},
@ -39,49 +51,30 @@
if (res.redirected) {
window.location.href = res.url;
} else {
window.location.reload();
mdui.snackbar({
message: '密码错误',
position: 'top',
timeout: 2000,
});
mdui.mutation();
}
}
};
var onConfirmClick = function (dialog) {
var value = dialog.$element.find('.mdui-textfield-input').val();
onConfirm(value, dialog);
};
var checkPwd = mdui.dialog({
title: '验证查看密码',
content: content,
buttons: [
{
text: '验证',
bold: false,
onClick: onConfirmClick,
}
],
cssClass: 'mdui-dialog-prompt',
modal: true,
onOpen: function (dialog) {
var $input = dialog.$element.find('.mdui-textfield-input');
mdui.updateTextFields($input);
$input[0].focus();
}
}
};
mdui.updateTextFields($input);
$input.on('keydown', function (event) {
if (event.keyCode === 13) {
var value = dialog.$element.find('.mdui-textfield-input').val();
onConfirm(value, dialog);
var value = $input.val();
onConfirm(value);
return false;
}
return;
});
},
});
document.getElementById('confimBtn').addEventListener('click', onConfirm);
$('#container').add(checkPwd);
$dialog.open();
$input[0].focus();
mdui.mutation();
</script>
</body>