common.js
4.47 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
var prefix_= 'http://www.huahengrobot.com/exam/api' ;
// var prefix= 'http://172.16.43.68:8000/exam/api' ;
//验证手机号码
function checkPhone()
{
var phone=$("#userPhone").val();
var ab=/^1[3,4,5,6,7,8,9][0123456789]\d{8}$/;
if(ab.test(phone) == false)
{
layer.msg("请正确填写手机号码!");
return false;
}
return true;
//alert("手机号码正确");
}
function permitKey(){
$("#myModal").hide();
//禁止用F5键 这个是键盘按下时触发
// document.onkeydown = function()
// {
// if ( event.keyCode==116)
// {undefined
// event.keyCode = 0;
// event.cancelBubble = true;
// return false;
// }
// }
// //禁止右键弹出菜单
// document.oncontextmenu = function()
// {
// return false;
// }
}
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android","HarmonyOS", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v< Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v])>0) {
flag = false;
break;
}
}
//alert(flag)
return flag;
}
var layerIndex;
var types;
function layerOpen(type){
types=type;
noScroll();
IsPC();
let html =` <div id="myModalV1" >
<div class="" style="padding-top: 20px">
<div class="" style="margin-left: 46px;">
<span>验证码:</span>
<input type="text" name="verifiCode" maxlength="6" id="verifiCode" placeholder="在此输入验证码">
</div>
<div class="" style="margin-top: 10px;margin-left: 138px;">
<button type="submit" onclick="checkVerifiCode();" class="btn btn-primary btn-lg" style="font-size: 16px">确定</button>
</div>
</div>
</div>`;
var width="400px";
if(!IsPC()){
width="90%";
}
layerIndex=layer.open({
type: 1 //Page层类型
,closeBtn:0
,area: [width, '200px']//弹出层页面比例,类型：String/Array,默认：'auto',在默认状态下，layer是宽高都自适应的,但当你只想定义宽度时，你可以area: '500px'，高度仍然是自适应的。当你宽高都要定义时，你可以area: ['500px', '300px']
,offset:'auto'// 坐标 类型：String/Array 默认：垂直水平居中 offset默认情况下不用设置,
// ,title: '照片上传'//title默认显示在左边，能拖动了
,title: ['请填写验证码','text-align:center;background:#2e6da4;color:#f5f5f5']//传一个数组，第一个参数标题，第二个参数可以写任何css样式，能拖动
// ,title: false//不显示title，但是不能拖动了
,shade: 0.6 //遮罩透明度 类型：String/Array/Boolean 弹层外区域。默认是0.3透明度的黑色背景（'#000'）。如果你想定义别的颜色，可以shade: [0.8, '#393D49']；如果你不想显示遮罩，可以shade: 0
,maxmin: false //允许全屏最小化
,anim: 1 //0-6的动画形式，-1不开启
, content: html//在这里面输入任何合法的js语句
});
}
function checkVerifiCode(){
var verifiCode=$("#verifiCode").val();
if(verifiCode==''||verifiCode==undefined){
layer.msg('请输入验证码');
}
$.ajax({
type: "post",
dataType: "json",
contentType:"application/json",
url:prefix+"/answer/getUserPhoneByCode",
data: JSON.stringify({"code":verifiCode,"paperType":types}),
success:function(r) {
//layer.close(index);
if (r.code == 200) {
//验证码正确
$("#userPhone").val(r.data.userPhone);
$("#userName").val(r.data.username);
layer.close(layerIndex);
isScroll();
timer = setInterval("CountDown()", 1000);
}else{
layer.open({
time:3000,
content:r.msg
})
}
}
})
// layer.confirm("请确认验证码？", {btn: ['确定', '取消'], title: "提示"}, function (index) {
// })
}
const moveStop = function(e){e.preventDefault()};
//添加阻止事件：
function noScroll(){
document.body.style.overflow='hidden';//关闭滚动条
document.addEventListener("touchmove",moveStop,false);
}
//移除阻止事件：
function isScroll(){
document.body.style.overflow='';//出现滚动条
document.removeEventListener("touchmove",moveStop,false)
}