| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />
- <title>${realm.displayName}</title>
- <link rel="stylesheet" href="${url.resourcesPath}/css/password.css" />
- </head>
- <body>
- <div class="c-login">
- <form
- id="loginForm"
- class="c-login__main c-login-form"
- action="${url.loginAction}"
- method="post"
- onsubmit="login.disabled = true; return false;"
- >
- <div class="c-login-form__header">修改密码</div>
- <div class="c-login-form__tip">
- <#if !messagesPerField.existsError('password','password-confirm') && message?has_content && !isAppInitiatedAction??>
- <span class="${message.type}">${kcSanitize(message.summary)?no_esc}</span>
- </#if>
- </div>
- <input id="username" name="username" type="text" value="${username}" autocomplete="username" readonly="readonly" style="display:none;"/>
- <input id="password" name="password" type="password" autocomplete="current-password" style="display:none;"/>
- <div class="c-login-form__section">
- <div class="c-login-form__wrapper">
- <label
- for="passwordNewProxy"
- class="c-login-form__label"
- >
- 新密码:
- </label>
- <input
- id="passwordNewProxy"
- type="password"
- class="c-login-form__input"
- placeholder="请输入新密码"
- autocomplete="new-password"
- aria-autocomplete="none"
- >
- </div>
- <div class="c-login-form__error">
- <#if messagesPerField.existsError('password')>
- ${kcSanitize(messagesPerField.get('password'))?no_esc}
- </#if>
- </div>
- </div>
- <div class="c-login-form__section">
- <div class="c-login-form__wrapper">
- <label
- for="passwordConfirmProxy"
- class="c-login-form__label"
- >
- 确认新密码:
- </label>
- <input
- id="passwordConfirmProxy"
- type="password"
- class="c-login-form__input"
- placeholder="请输入新密码"
- autocomplete="new-password"
- aria-autocomplete="none"
- >
- </div>
- <div class="c-login-form__error">
- <#if messagesPerField.existsError('password-confirm')>
- ${kcSanitize(messagesPerField.get('password-confirm'))?no_esc}
- </#if>
- </div>
- </div>
- <input id="passwordNew" name="password-new" hidden >
- <input id="passwordConfirm" name="password-confirm" hidden >
- <button
- class="c-login-form__submit"
- name="login"
- onclick="onSubmit()"
- >
- 保存
- </button>
- </form>
- </div>
- <script src="${url.resourcesPath}/js/md5.js"></script>
- <script>
- function onSubmit () {
- var form = document.getElementById('loginForm')
- document.getElementById('passwordNew').value = MD5Salt(document.getElementById('passwordNewProxy').value)
- document.getElementById('passwordConfirm').value = MD5Salt(document.getElementById('passwordConfirmProxy').value)
- form.submit()
- }
- </script>
- </body>
- </html>
|