峡山飞云 2017-02-08 07:48 采纳率: 100%
浏览 1658
已采纳

js前端问题,求助各路大神,真心感谢!急

图片说明

条件:手动输入中间的4位手机号 如果和后台取的值相同可以提交,如果不填或者填错就提交不了。

  • 写回答

14条回答 默认 最新

  • 邱金金 2017-02-08 10:43
    关注

    <!DOCTYPE html>

    < head>
    < script src="http://libs.baidu.com/jquery/2.0.0/jquery.js">
    < style>
    input{
    width: 20px;
    }
    .btn{
    clear:both;width:100px;height:30px;background: #c0b7b0;border-radius: 3px;color:#F0F0F0;
    text-align: center;line-height: 30px;
    }
    < /style>
    < /head>
    < body>
    < div style="float:left;">
    < span id="spMobileHeader">
    < /div>
    < div style="float:left;">
    < input type="text" maxlength="1" onkeyup="changefocus(1);">
    < input type="text" maxlength="1" onkeyup="changefocus(2);">
    < input type="text" maxlength="1" onkeyup="changefocus(3);">
    < input type="text" maxlength="1" onkeyup="checkMobile();">
    < /div>
    < div style="float:left;">
    < span id="spMobileEnd">
    < /div>
    < div id="testBtn" class="btn">提交
    < /body>
    < script type="text/javascript">
    $(function (){
    var mobile="12345678911"; //这是后台传过来的,我写死的,你拿到后自己变掉就可以了
    $("#spMobileHeader").text(mobile.substring(0,4)); //显示前4个
    $("#spMobileEnd").text(mobile.substring(8,11)); //显示后3个
    });

    function changefocus(index){
    $("input").each(function (i){
    if (i==index){
    $(this).focus();
    }
    });
    }
    function checkMobile(){
    var mobile="12345678911"; //这是后台传过来的
    var inputMobile="";
    $("input").each(function (i){
    inputMobile+=$(this).val();
    });
    var contrastMoblie=mobile.substring(4,8);
    if (inputMobile==contrastMoblie){
    /*
    在这里做你需要做的事,我只是改了下按钮的颜色
    */
    $("#testBtn").css("background","#960019");
    $("#testBtn").css("color","white");
    }
    }

    $("input").keyup(function(e){
    //退格键
    if(e.keyCode==8){
    $(this).focus();
    }
    })
    < /script>
    < /html>

    在第二行加个html 就好了,吗蛋, 个人还是不建议在这进行比较的,因为不安全

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(13条)

报告相同问题?

悬赏问题

  • ¥15 应用简单的Python代码完成一个学生成绩管理系统
  • ¥15 用matlab求微分方程初值问题
  • ¥15 vscode下编写第三方库opencv与pcl代码时没有代码提示
  • ¥15 能够跑通不报错,如何解决?(标签-matlab)
  • ¥15 MOS在RDS较大,频率高时开关波形异常
  • ¥15 SCENIC分析报错求解答
  • ¥15 ceph初始化mon不成功 下图不报错 这个是什么元
  • ¥15 数学建模数学建模少ai
  • ¥35 这个等效电路图是什么意思?(答疑)(有没有不是chat的,我就是在chat搜不到才来问的,chat还开了VIP)(可以追加酬金)
  • ¥200 基于同花顺supermind的量化策略脚本编辑