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

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

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

 

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

 

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

 

session,用这个保存

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

 

解决没？

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

上面都是默写的！！！

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