|
@@ -91,9 +91,14 @@
|
|
|
<p style="position: absolute;right: 40px;top: 10px;" onclick="qiehuan()">APP下载→</p>
|
|
|
<img class="leftTwoIcon" alt="[ APP下载二维码 ]" th:src="${codeUrl}" src="https://140.246.183.164:9000/base/apply/apk"
|
|
|
style="display: inline-block;vertical-align:middle;position: absolute;right: 20px;top: 10px;;margin-left: 1em;width: 20px;height: 20px" onclick="qiehuan()">
|
|
|
- <input style="border-radius: 12px!important;margin-top: 40px;margin-left:10px;margin-bottom: 20px;width: 300px;height: 56px!important;" type="text" name="username" class="form-control uname" placeholder="用户名" value="admin" />
|
|
|
- <input style="border-radius: 12px!important; margin-bottom: 20px;margin-left:10px;width: 300px;height: 56px!important;" type="password" name="password" class="form-control pword" placeholder="密码" value="admin123" />
|
|
|
- <div class="row m-t" th:if="${captchaEnabled==true}" style="margin-bottom: 10px">
|
|
|
+ <input style="border-radius: 12px!important;margin-top: 40px;margin-left:10px;margin-bottom: 20px;width: 300px;height: 56px!important;" type="text" name="username" class="form-control uname" placeholder="用户名" />
|
|
|
+ <!--<input style="border-radius: 12px!important; margin-bottom: 20px;margin-left:10px;width: 300px;height: 56px!important;" type="password" id="password" name="password" class="form-control pword" hidden autocomplete="off" placeholder="密码" />-->
|
|
|
+ <input type="text" style="border-radius: 12px!important; margin-bottom: -15px;margin-left:10px;width: 300px;height: 56px!important;" id="passwordDisc" class="form-control pword" placeholder="密码"
|
|
|
+ oncontextmenu="return false;" autocomplete="off" >
|
|
|
+ <!--密码真实保存位置-->
|
|
|
+ <input type="text" style="visibility: hidden;border: 0;height: 0;width: 1px;padding: 0;margin: 0" name="password"
|
|
|
+ id="password" placeholder="密码">
|
|
|
+ <div class="row m-t" th:if="${captchaEnabled==true}" style="margin-bottom: 10px">
|
|
|
<div class="col-xs-6">
|
|
|
<input style="border-radius: 12px!important;margin-left:10px;width: 130px;height: 56px!important;" type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
|
|
|
</div>
|
|
@@ -103,10 +108,10 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="checkbox-custom" style="width: 100%!important;margin-bottom: 15px;margin-left: 10px" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
|
|
|
- <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住密码</label>
|
|
|
- <a style="margin-left: 160px" href="javascript:void(0)" onclick="forgetpassword()" >忘记密码»</a></strong>
|
|
|
- </div>
|
|
|
+ <!--<div class="checkbox-custom" style="width: 100%!important;margin-bottom: 15px;margin-left: 10px" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">-->
|
|
|
+ <!--<input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住密码</label>-->
|
|
|
+ <!--<a style="margin-left: 160px" href="javascript:void(0)" onclick="forgetpassword()" >忘记密码»</a></strong>-->
|
|
|
+ <!--</div>-->
|
|
|
<button class="btn btn-success btn-block" style="border-radius: 12px!important;width: 300px!important;height:50px!important;margin-left: 10px;margin-top: 0;
|
|
|
color: #FFFFFF!important;" id="btnSubmit" data-loading="正在验证登录,请稍候...">登录</button>
|
|
|
</form>
|
|
@@ -125,7 +130,59 @@
|
|
|
</div>
|
|
|
</div>.
|
|
|
<script type="text/javascript">
|
|
|
+ var passwordDisc = document.getElementById("passwordDisc");
|
|
|
+ var password = document.getElementById("password");
|
|
|
+ // 键盘按下执行,主要用于删除操作
|
|
|
+ passwordDisc.addEventListener("keydown", function (event) {
|
|
|
+ // 后面事件会改变,所以先记录选择的文本坐标
|
|
|
+ this.selectStartIndex = this.selectionStart;
|
|
|
+ this.selectEndIndex = this.selectionEnd;
|
|
|
+ if (event.key === 'Backspace') { // 如果是退格键
|
|
|
+ if (this.selectionStart === this.selectionEnd) {// 未选择文本
|
|
|
+ var str1 = password.value.substring(0, this.selectionStart - 1);
|
|
|
+ var str2 = password.value.substring(this.selectionStart);
|
|
|
+ password.value = str1 + str2;
|
|
|
+ } else { // 选择了文本
|
|
|
+ var str1 = password.value.substring(0, this.selectionStart);
|
|
|
+ var str2 = password.value.substring(this.selectionEnd);
|
|
|
+ password.value = str1 + str2;
|
|
|
+ }
|
|
|
+ } else if (event.key === 'Delete') { // 如果是删除键
|
|
|
+ if (this.selectionStart === this.selectionEnd) {// 未选择文本
|
|
|
+ var str1 = password.value.substring(0, this.selectionStart);
|
|
|
+ var str2 = password.value.substring(this.selectionStart + 1);
|
|
|
+ password.value = str1 + str2;
|
|
|
+ } else { // 选择了文本
|
|
|
+ var str1 = password.value.substring(0, this.selectionStart);
|
|
|
+ var str2 = password.value.substring(this.selectionEnd);
|
|
|
+ password.value = str1 + str2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 输入事件,保存密码
|
|
|
+ passwordDisc.addEventListener("input", function (event) {
|
|
|
+ if ((event.data || event.data != null || event.inputType === 'insertFromPaste') && event.inputType !== 'insertCompositionText') {
|
|
|
+ // 输入有数据或者是粘贴操作,并且不是中文输入
|
|
|
+ var data = event.data || event.data != null ? event.data : this.pasteString;
|
|
|
+ // 除ascii里的都替换为空,避免粘贴有其他符号
|
|
|
+ data = data.replace(/[^\x00-\x7e]/g, '');
|
|
|
+ var str1 = password.value.substring(0, this.selectStartIndex);
|
|
|
+ var str2 = password.value.substring(this.selectEndIndex);
|
|
|
+ password.value = str1 + data + str2;
|
|
|
+ }
|
|
|
+ // 文本框密文显示
|
|
|
+ passwordDisc.value = password.value.replace(/./g, '*');
|
|
|
+ console.log(password.value);
|
|
|
+ })
|
|
|
+ // 获取粘贴板的文本数据
|
|
|
+ passwordDisc.addEventListener("paste", function (event) {
|
|
|
+ this.pasteString = event.clipboardData.getData('text/plain');
|
|
|
+ })
|
|
|
+
|
|
|
var cordFlag = false;
|
|
|
+
|
|
|
+ $("#password").val("");
|
|
|
function qiehuan() {
|
|
|
if(!cordFlag) {
|
|
|
$(".divHead").hide(100);
|