Java中IDEA,Springboot实现手机获取验证码和倒计时

问题一:我现在点击获取手机验证码,虽然现实正在发送 但是手机接收不到验证码

我试了很多 也不知道哪的问题

我们使用的是榛子云短信平台, 官网地址:http://smsow.zhenzikj.com

已经解决
——————————————————————————————
问题二: 为什么我点击获取验证码 没有显示秒数

已经解决
——————————————————————————————

问题三:读完秒数之后,点击重新获取短信验证码没有反应?
问题四:大佬帮我看看 :以先把短信验证码存session,然后前端输入验证码之后,去后台跟session里的值比较 写的代码对不?

页面:

 <form id="FormContact" method="post" action="verify_code">
                                <!-- 联系方式 -->
                                <div class="form-wrap contact-info" id="FormWrapContact">
                                    <div class="field-wrap" data-field="mobile" style="position:relative;z-index:100;">
                                        <label class="short">手机号:</label>
                                        <span class="field">
                     					    <span class="ui-text">
                                                            <input name="mobile" value="" type="mobile" placeholder="请输入您的手机号码" data-format="number" />
                     					    </span>
                     					    <span class="error"></span>
                     					</span>
                                    </div>
                                    <div class="field-wrap" data-field="mobile" style="position:relative;z-index:100;">
                                        <label class="short">验证码:</label>
                                        <span class="field">
                                                                 <input class="ui-text short" type="text" name="verify_code" maxlength="4" >
                                                                 <span class="error" style="display: inline;"></span>
                                                             </span>
                                        <span class="field vcode" data-type="vcode">
                                                                 <img  width="120" id="verify_code_img" height="32" src="/getImg" onclick="javascript:changeImg()">
                                                                 <a href="#" class="doc-color-link desc" onclick="javascript:changeImg()" >看不清,换一个?</a>
                                                             </span>
                                    </div>

                                    <div class="field-wrap" data-field="mobile" style="position:relative;z-index:100;">
                                        <label class="short">短信验证码:</label>
                                        <span class="field">
                                                                 <span class="get-mvcode">
                                                                     <input class="ui-text short" type="text" name="sms_vcode" length="6" data-format="number" maxlength="6" />
                                                                     <input id="sendSms" class="ui-btn gray" type="button" name="getMvcode" value="点击获取" />
                                                                 </span>
                                                                                                                                 <div class="error"></div>
                                                                                                                                 <span class="info" style="display:none;">
                                                                 请将收到短信中的6位数字填入框内
                                                                 </span>
                     					</span>
                                    </div>
                                    <div class="field-wrap" style="z-index:8;">
                                        <label class="short"></label>
                                        <span class="field">
                     						<input class="ui-btn green long" name="contactPost" type="button" value="登录" />
                     					</span>
                                        <div style="padding-top: 37.5px;text-align: left;margin-left: 102.6px;">
                                            <span class="info" style="margin-top:5px;margin-left:-3px;"><span class="doc-color-micro"><input style="margin-right: 5px;position:relative;top:-2px;" type="checkbox" checked disabled />同意<a class="doc-color-micro" style="margin-left: 5px;text-decoration: underline;" href="http://www.rong360.com/static/main/protocal/networkUser.html" target="_blank">360服务条款</a></span></span>
                                        </div>
                                    </div>

                                </div>
                            </form>

js

<!-- 触发JS刷新  切换图片-->
<script type="text/javascript">
    function changeImg(){
   
        var img = document.getElementById("verify_code_img");
        img.src = "/getImg?date=" + new Date();
    }

</script>


<!-- 发送短信验证码-->

<script type
  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值