1、使用disabled属性设置：disabled属性规定应该禁用input元素，被禁用的input元素既不可用，也不可点击。可以设置disabled属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后，就需要通过JavaScript来删除disabled值，将input元素的值切换为可用。disabled属性无法与一起使用。
2、使用readonly属性设置：readonly属性规定输入字段为只读，只读字段是不能修改的。不过，用户仍然可以使用tab键切换到该字段，还可以选中或拷贝其文本。readonly属性可以防止用户对值进行修改，直到满足某些条件为止(比如选中了一个复选框)。然后，需要使用JavaScript消除readonly值，将输入字段切换到可编辑状态。
希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。
下面是简单的代码实现，仅供参考：
<body><input type="button" id="btn" value="click" />
</body>
<script>
var oBtn = document.getElementById('btn')
oBtn.onclick = function(){
oBtn.disabled = 'disabled'
}
</script>
msg 为DIV id ；text 为 你要抓取的id 比如 文本的等；
要自己做个事件触发此方法；
function refer(){
var textValue = document.getElementById("text")
if(textValue.value == ""){
document.getElementById("msg").style.display ="none"
}
else{
document.getElementById("msg").style.display =""
}
}
