ladysosoli
2021-01-19 16:34
采纳率: 95.7%
浏览 146

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>
    点赞 打赏 评论
  • TheWaSaiBoy 2021-01-19 16:53
    function buttonClick(){
        let newVal,oldVal;
        newVal = document.getElementById('id').value;
        if(newVal == oldVal) {
            document.getElementById('button').attr('display',true);
        }else
            document.getElementById('button').attr('display',false);
        oldVal = newVal;
    }
    点赞 打赏 评论
  • TheWaSaiBoy 2021-01-19 16:55
    const newVal,oldVal;
    function buttonClick(){
        newVal = document.getElementById('id').value;
        if(newVal == oldVal) {
            document.getElementById('button').attr('display',true);
        }else
            document.getElementById('button').attr('display',false);
        oldVal = newVal;
    }
    点赞 打赏 评论
  • TheWaSaiBoy 2021-01-19 17:13

    上面都是默写的!!!

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<input value="" id="val" />
    		<input onclick="buttonClick()" id="button" type="button" value="检测" />
    	</body>
    </html>
    <script>
    	let newVal,oldVal;
    	function buttonClick(){
    		newVal = document.getElementById('val').value
    		console.log(newVal + '\t' + oldVal)
    		if(newVal === oldVal) {
    			document.getElementById('button').disabled = true
    		}else {
    			document.getElementById('button').disabled = false
    		}
    		oldVal = newVal
    	}
    </script>
    点赞 打赏 评论
  • 歇歇 2021-01-19 17:48

    session,用这个保存

    点赞 打赏 评论
  • 天际的海浪 2021-01-19 20:56
    <input type="text" id="text" value="" oninput="inp()" />
    <input type="button" id="butt" value="提交" onclick="st()" />
    <script type="text/javascript">
    var arr = [];
    var text = document.getElementById("text");
    var butt = document.getElementById("butt");
    function inp() {
    	butt.disabled = arr.indexOf(text.value)!=-1;
    }
    function st() {
    	arr.push(text.value);
    	alert("提交成功");
    	text.value = "";
    }
    </script>
    
    点赞 打赏 评论
  • 禅思院 2021-01-21 13:53

    解决没?

    点赞 打赏 评论
  • ladysosoli 2021-01-27 15:55

    您好,已解决,之前忘记上线采纳了

    点赞 打赏 评论

相关推荐 更多相似问题