开发者社区> 问答> 正文

怎么样才能先通过文字验证码,然后才进行手机号码验证?

小旋风柴进 2016-05-31 12:50:39 1364

我想实现必须先进行文字验证码验证,然后进行手机号码验证,就像下面这样的,应该怎么做?
screenshot
代码:
screenshotscreenshot

<div class="form-group">
    <div class="col-md-12">
     <div class="input-group">
      <span class="input-group-addon" id="basic-addon2">验证码</span>
       <input name="verify" class="form-control" placeholder="请输入右边的验证码" type="text">
        <span class="input-group-btn">
        <img id='tpvercod' height="30" alt="验证码" src="{:U('Index/User/verifyImg',array())}" title="点击刷新">
        </span>                            
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon1">手机号</span>
                            <input type="tel" name="user_mobi" id="user_mobi" value="" class="form-control" placeholder="请输入手机号" aria-describedby="basic-addon1" required="" autofocus="" />
                            <span class="input-group-btn">
                                <input id="btnGetVerCod" type="button" class="form-control btn btn-info pull-right" value="获取验证码">
                            </span>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon2">请输入</span>
                            <input type="text" name="vercod" id="vercod" value="" class="form-control" placeholder="请输入手机收到的验证码" />
                        </div>
                    </div>
                </div>
用了keyup后,每个字符都触发了ajax提交,应该怎么破~~~

$("#txtverify").keyup(function() {
                    var v_txt_ver_cod = $("#txtverify").val();
                    $.ajax({
                        url: "{:U('User/rcvTxtVerCod')}",
                        data: {
                            txt_ver_cod: v_txt_ver_cod,
                        },
                        type: "POST",
                        dataType: "json",
                        success: function(JSON) {
                            console.log(JSON);
                            if (JSON.result == "N") {
                                alert('N');
                            } else {
                                if (JSON.result == "Y") {
                                    console.log(JSON);
                                }
                            }
                        },
                        error: function(xhr, status, errorThrown) {
                            console.log("keyup err");
                            console.log(status);
                        }
                    }); //ajax end here
JSON 前端开发 数据格式
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:21:47
    <input type="text" name="vercod" id="vercod" value="" class="form-control" placeholder="请输入手机收到的验证码" disabled />
    
    
    $("#txtverify").keyup(function () {
        var vcodeStr = $(this).val();
        $.post("/login/CheckVcode", { vcode: vcodeStr }, function (data) {
            if (data == "0") {//这里data==什么随你定
                $('#vercod').attr("disabled", false);
            }
            else {
                 $('#vercod').attr("disabled", true);
            }
        });
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程