Question

JS,页面表单输入验证.....

一个页面里面有多个<input>和一个<button>,页面加载时，按钮置灰，当所有<input>都填写之后，让按钮可点击....请问JS上怎么写......

Answer 1

//那我来个js的
   <script LANGUAGE="JavaScript">
 function aa(){
 var bb = document.getElementsByTagName("input");//获取所有的input
 var flag=1;//标志位，1代表通过
 for(var i=0;i<bb.length;i++){//循环
  if(bb.type="text"){//如果是文本框
   if(bb[i].value==""){//如果是空则结束循环，标志位置0
    flag=0;
    break;
   }
  }
 }
      if(flag==1){//如果标识位是1，则按钮可用
          document.getElementById("bb").disabled=false;
    }
 }
  </script> 
<input type="text"  id="name" onkeyup="aa()">//所有文本框上要添加个事件
<input type="text" id="age"  onkeyup="aa()">
<input type="button" value="aa" onclick="" id="bb" disabled>

Answer 2

用jquery做比较方便。 大概意思是遍历所有input 如果有为空的 则为灰色
var flag=true
$(":input").each(function(i,d){
if(d.value==""){
flag=false;

return false;

}

});
if(flag==false){

$("#id").attr("disabled","disabled"); //按钮的ID灰色
}else{
$("#id").removeAttr("disabled"); //按钮的ID灰色
}

Answer 3

在js中写出来判断 当所有的内容有一个为空时，button的属性disabled设置为true 当所有的内容不为空时，disabled设置为false