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个回答

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

我只是抛砖引玉下,bobo要是有回答,你采纳给他。
另外,建议你加上他的联系方式,直接给他红包吧。你这么发贴,你不是感谢的showbo,你感谢的是csdn。

fenglinstudio
萌新项目人 好,届时问个联系方式
2 年多之前 回复
 $('#dvCode').html(s)
->
if (s.equals($('#inputcode').val()))
$('#dvCode').html("<div>123你要的内容</div>");

<div id="dvCode"></div>
前面加上
<input id="inputcode" name="inputcode"></input>
git_niu
git_niu 请问js或者jquery中有equals方法?请大佬指点一二
2 年多之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 <input type='textbox'... 这个忘记写了。
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问