输入框填写完之后按钮恢复可点击状态

最新推荐文章于 2022-04-11 15:01:51 发布

weixin_30912051

最新推荐文章于 2022-04-11 15:01:51 发布

阅读量429

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yuancr/p/8488644.html

版权

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <input type="text" name="username">
  <input id="sub" type="submit" disabled>
</body>
</html>

js代码：

if(!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^\s+|\s+$/g,'');
  };
}

// var dom=document.querySelector("[name=username]");
// var btn=document.querySelector("#sub");

// dom.addEventListener("input",function(e){
//   if(this.value.trim().length){
//     btn.removeAttribute("disabled");
//   }else{
//     btn.disabled="disabled";
//   }
  
// },false);


//jquery version
$("input[name=username]").on("input",function(evt){
  if($(this).val().trim().length){
    
    $("#sub").removeAttr("disabled");
  }else{
    $("#sub").prop("disabled","disabled");
  }
});

转载于:https://www.cnblogs.com/yuancr/p/8488644.html