Question

我看到很多人要求在文本框为空时禁用按钮。当文本框有数据时，如何禁用按钮？

这是我的按钮代码

<input type="submit" name="submit" value="Reserve" />

这是我的文本框代码

Name : <br><br><input type="text" name="name" value="<?php echo $name;?>"     <?php if($name != "") echo "readonly"?> /> <br><br>

Name : <br><br><input type="text" name="name2" value="<?php echo $name2;?>" <?php if($name2 != "") echo "readonly"?> /> <br><br>

Answer 1

<input type="submit" name="submit" value="Reserve" <?php echo ($name != "")?"disabled":""; ?>/>

使用jQuery

$(":input").bind('keyup mouseup',function(){   
    disable_button();
});

function disable_button()
{
    flag = false;
    $(":input").each(function(){
       if($(this).val()==""){
          flag=true;
       }
   });
   if(flag){
      $("input[type=submit]").prop("disabled",false);
   }
   else
   {
     $("input[type=submit]").prop("disabled",true);
  } 
}

Demo

当文本框中包含数据时禁用按钮

1 个答案: