当文本框中包含数据时禁用按钮 - Disable a button when textbox has data in it

Disable a button when textbox has data in it

本文关键字：按钮数据包含文本 | 更新日期: 2023-09-27

>我看到很多人要求在文本框为空时禁用按钮。当文本框有数据时禁用按钮怎么样？

这是我的按钮代码

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

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

演示