时间:2021-05-26
实例代码记录:
<script type="text/javascript"> function start_sms_button(obj){ var count = 1 ; var sum = 30; var i = setInterval(function(){ if(count > 10){ obj.attr('disabled',false); obj.val('发送验证码'); clearInterval(i); }else{ obj.val('剩余'+parseInt(sum - count)+'秒'); } count++; },1000); } $(function(){ //发送验证码 $('#send_sms').click(function(){ var phone_obj = $('input[name="phone"]'); var send_obj = $('input#send_sms'); var val = phone_obj.val(); if(val){ if(IsMobile(val)){ send_obj.attr('disabled',"disabled"); //30秒后重新启动发送按钮 start_sms_button(send_obj); $.ajax({ url:'{#url_reset("index/sms")#}', data:{'mobile':val}, dataType:'json', type:'post', beforeSend:function(){ show_loading_body(); }, complete:function(){ show_loading_body(); }, success:function(data){ if(data.status!=undefined && (data.status == 'ok' || data.status == 'error')){ showMsg(data.msg); } } }); }else{ showMsg("手机号的格式错误"); } }else{ showMsg('手机号不能为空'); } }); });</script>声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文首先分析手机发送验证码的原理,再对javascript发送短信验证码予以实现,具体思路如下:实现点击“发送验证码”按钮后,按钮依次显示为“59秒后重试”、“
开发过程中会遇见很多app注册时,需要通过手机发送验证码验证,这是可以封装一个验证码按钮:attrs.xml自定义ButtonpublicclassVerify
场景:注册账号页面时,我们点击按钮发送验证码,在等待验证码时,界面会有倒计时提示,这此期间按钮不可点击。当倒计时结束时,按钮恢复。实现与功能都不难,这次用RxB
今天,我在网页模拟验证码发送时发现了一个奇怪的问题。我采用以下代码预设为发送验证码的按钮。这是Node.js服务器$(".reg_code_btn").clic
手动or自动发送验证码,哪种的用户体验更佳? 问:手机app自动发送验证码,是贴心之举还是多此一举?是否减少了用户操作次数,从而让用户体验趋向于简单化。