1、使用disabled属性设置：disabled属性规定应该禁用input元素，被禁用的input元素既不可用，也不可点击。可以设置disabled属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后，就需要通过JavaScript来删除disabled值，将input元素的值切换为可用。disabled属性无法与一起使用。
2、使用readonly属性设置：readonly属性规定输入字段为只读，只读字段是不能修改的。不过，用户仍然可以使用tab键切换到该字段，还可以选中或拷贝其文本。readonly属性可以防止用户对值进行修改，直到满足某些条件为止(比如选中了一个复选框)。然后，需要使用JavaScript消除readonly值，将输入字段切换到可编辑状态。
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 =""
}
}
通过disabled属性职位true设置按钮不可用。
1、获取按钮对象
2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）
示例：
btn=document.getElementById('按钮的ID')btn.disabled=true
