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

Question

有个页面，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大神

Answer 1

 <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>