ladysosoli 2021-01-19 16:34 采纳率: 100%
浏览 638
已采纳

js：判断文本框输入的内容和上次的内容是否一致，如果一致，按钮禁用；不一致则可以点击

同一个输入框，第一次输入内容然后提交，第二次再输入内容，判断两次输入的内容是否相同，相同则不能提交，也就是禁用提交按钮。不相同则可以再次提交

  • 写回答

8条回答 默认 最新

  • qq_25376897 2021-01-19 17:18
    关注
    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<input type="text" name="内容" id="ip1" onblur="test()"/>
<button id="btnSave">提交</button>
</body>
<script>
    var oldInput; //旧的输入，全局变量

    function test() {
        var newInput = document.getElementById("ip1").value;//新的输入
        if(newInput == oldInput){ //输入同样的内容
            //禁用提交按钮
            document.getElementById("btnSave").setAttribute("disabled", true);//设置不可点击
        }else{
            document.getElementById("btnSave").removeAttribute("disabled");//去掉不可点击
            oldInput = newInput; //赋新值
        }
    }
</script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？