获取验证码其实也不是MUI框架的东西,只是一些JS,刚好写注册和忘记密码页面的时候需要了,就把他记下来,以后哪里需要写哪里,可以单独写一个js文件,写create_code(num)方法,用于获取num位随机数字,然后生成一个定时器,具体代码如下,可以砍详细的注释
/*获取num位数字验证码*/
function create_code(num){
var arr=[0,1,2,3,4,5,6,7,8,9];
//获取1-10随机数字
//Math.floor(Math.random()*10+1);
var create_code = '';
for(var k = 0; k< num; k++){
create_code += arr[Math.floor(Math.random()*10+1)-1];
}
return create_code;
}
//点击获取验证码
var yzm = document.getElementById('yzm');
//是否可以点击【获取验证码按钮开关】
var onOff = true;
//code_4用于注册信息时的验证,验证码,获取与输入的一致
var code_4 = '';
yzm.onclick = function(){
//如果onOff标志false则,不执行任何操作
if(!onOff)
return;
//循环周期30s
var times = 30;
//获取验证码
var code = create_code(4);
code_4 = code;