宝哥软件园

JS实现了用户注册时获取短信验证码和倒计时的功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-14

用户注册时,通常需要短信验证码,为了互动,还需要增加倒计时。

效果如下:

div class=' user-form ' form action=' { { path(' zm _ member _ register ')} ' method=' post ' div class=' form-list ' Label class=' register-Label '手机号码/Label input class=' reg phone input-register ' type=' text ' name=' phone ' placeholder='请输入手机号码'/div class=' form-list ' Label class=' register-Label '验证码/标签输入class=' input-short ' Type=' text ' name=' SMS _ salt ' placeholder='请输入SMS验证码'/input class=' input-code ' id=' BTN ' Type=' button ' value='发送验证码'/div input style=' margin-top 33366 Type=' submit ' class=' register submit form-sumbit ' value=' submit '/form/div在这里,验证码被传递到后台URL({ { path(' zm _ member _ get _ salt ')}),以及手机

基于此,可以实现验证码倒计时,即判断成功后。调用封装的倒计时函数time(),注意验证码应该使用类型为按钮的输入,此时,其值可以方便地更改以显示倒计时时间。

脚本类型='text/javascript'//倒计时60秒var wait=60函数时间(o){ if(wait==0){ o . remove attribute(' disabled ');O.value='获取动态代码';wait=60} else {o.setAttribute('disabled ',true);O.value=“重新发送(等待)”;等等;setTimeout(function() {time(o)},1000)}}$('。输入代码')。单击(function() {var phone=$(')。regphone ')。val();$.ajax({type: 'post ',URL : ' { path(' zm _ member _ get _ salt ')} '),data: {phone: phone,type: 1},dataType: 'json ',Success3360函数(result) {if (result。flag==1){//alert(' success ');时间(BTN);} else { alert(result . content);}}});});/script以上是边肖推出的JS,用户注册时可以获得短信验证码和倒计时功能。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持

更多资讯
游戏推荐
更多+