萌新项目人 2018-02-03 06:32 采纳率: 100%
浏览 1704
已采纳

html、js输入框输入正确数值显示div

有个页面,index.html;上面有个input输入框,通过js判断数值正确与否,当数值未输入或者输入错误,均不不显示div,当数值输入正确,则显示div
这个数值来源是php调用过来的,调用的代码是

 <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<div id="dvCode"></div>
<script>
    var timeSpan = 10 * 1000;//10秒钟请求一次php,要改成其他的间隔修改这里,单位为毫秒
    function getCode() {
        //注意修改这里的路径,如果index.html和code文件夹不在同一个目录下
        $.get('code/index.php', function (s) { $('#dvCode').html(s) })
    }
    getCode();//加载页面立即加载内容
    setInterval(getCode, timeSpan);//启动计时器
</script>

要隐藏和显示的div和div id="dvCode"不是同一个div,后者是前者做输入判断时候的数据来源。
这种方式通过F12是可以看到当前数值的,不过这也无所谓的。
实在小白,由衷感谢showbo大神

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2018-02-03 20:01
    关注
     <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <input type="text" id="txt" onkeypress="if (this.value ===codeValue) $('#dvCode').show()" />
    <div id="dvCode" style="display:none">输入正确后要显示的内容放这里里面</div>
    <script>
        var timeSpan = 10 * 1000;//10秒钟请求一次php,要改成其他的间隔修改这里,单位为毫秒
        var codeValue = null;//全局变量存储返回的值
        function getCode() {
            //注意修改这里的路径,如果index.html和code文件夹不在同一个目录下
            $.get('code/index.php', function (s) {
                codeValue = s
            })
        }
        getCode();//加载页面立即加载内容
        setInterval(getCode, timeSpan);//启动计时器
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥20 plant simulation与python com接口实时数据交互
  • ¥15 有关汽车的MC9S12XS128单片机实验
  • ¥15 求c语言动态链表相关课程有偿,或能将这块知识点讲明白
  • ¥15 FLKT界面刷新异常
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
  • ¥50 单细胞测序拟时序分析
  • ¥50 运行springboot项目报错
  • ¥15 FTP 站点对站点传输失败
  • ¥15 宝塔面板一键迁移使用不了
  • ¥15 求一个按键录像存储到内存卡的ESP32CAM代码
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部