实现思路: 1.实现点击按钮,对手机号进行验证(是否为空或是否正确手机号), 图形验证码验证(判断是否填写图形验证码)。 2.验证通过验证后,调用接口发送短信。 3.返回发送状态,如果发送成功,实现等待倒计时,锁定按钮处于禁用状态。 同时把倒计时数据写入 cookie 防止页面被刷新 4.倒计时的实现不采用全局变量,避免污染全局,或被其他函数修改。 5.按钮点击时先判断 cookie 里面有没有保存的倒计时值,如果有就从该值开 始倒计时。同时锁定按钮 6.对实现代码进行封装,方便使用! 调用实例: <ul id="smsBox"> <li><input name="mobile" type="text" id="mobile" placeholder="请填写手机号" maxlength="11" /></li> <li><input name="vcode" type="text" id="vcode" placeholder="请填写图形验证码" size="6" /> 6688 </li> <li><input type="text" name="mobileCode" id="mobileCode" placeholder="请填写手机验证码" /> </li> <li><button id="smsSendBtn">点击获取短信验证码</button></li> </ul> <script type="text/javascript"> $(function(){ smsSend.init($('#smsBox'),10,myfunc); /* 或者 smsSend.init($('#smsBox'),30); */ }); function myfunc(){ alert('我是传过去的函数'); } </script>

















- 1

- 唐君超2018-10-19挺好的,很有哟个,谢谢
- 此用户已被注册2016-05-26js报错 用不了!~很遗憾 还要5分心怀梦想脚踏实地2016-07-05多次测试没有问题的
- 粉丝: 3
- 资源: 6

我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
已下载
下载帮助



