Question

这是我的html

的一部分

<input type="text" name="age" />
<input type="text" name="poscode" />
<input type="submit" name="submit" value="Next >>" disabled="disabled"/>

这是我的剧本

<script type="text/javascript">
$(function(){
var enable = false;
if($("input[name='age']").val != "")
enable = true;
if($("input[name='poscode']").val != "")
enable = true;
if(enable == true) $("input[name='submit']").attr('disabled', '');
});
</script>

这不行，不知道我做错了什么？

用户填写两个输入年龄＆amp; poscode，提交按钮应该变为活动状态（开始时禁用）

Answer 1

您可以这样做：

$('input[name="age"], input[name="poscode"]').change(function(){
  if ($(this).val())
  {
    $("input[name='submit']").removeAttr('disabled');
  }
});

Answer 2

给我一个镜头，这是我创造的小提琴，所以你可以玩它。

http://jsfiddle.net/9sxwN/

Answer 3

按下按键时启用/禁用这样做：

$('input[name="age"], input[name="poscode"]').keyup(function(){
  if ($(this).val())
{
  $("input[name='submit']").removeAttr('disabled');

}else{
$("input[name='submit']").attr('disabled','disabled');
}
});

Answer 4

您是否以任何方式将此附加到输入字段？编写代码的方式，我相信在加载文档之后调用函数一次，然后简单地丢弃。为您的函数命名并将其附加到onblur或onchange。

Answer 5

请尝试此示例代码

<div class="form-row align-items-center">
          <div class="col-auto">
              <input  type="text" name="inputComment" class="form-control" id="inputComment" placeholder="Your comment goes here">
          </div>
          <div class="col-auto">
               <button disabled id="btnSaveComment" type="button" class="btn btn-success">Save</button>
          </div>
</div>

<script>
  document.getElementById("btnSaveComment").disabled = true;

  $(document).ready(function () {
    $("#inputComment").on("change paste keyup", function () {
                var text = $(this).val();
                if (text.length > 0) {
                    document.getElementById("btnSaveComment").disabled = false;
                }
                else {
                    document.getElementById("btnSaveComment").disabled = true;
                }
            });
        });
</script>

Answer 6

与sAc已经提到的一样，你必须完全删除属性'disabled'。

jquery在输入值更改时启用提交按钮

6 个答案: