Question

我有一个文本字段，旁边有一个计数器。但在此之下是提交表单，我希望它不活动（灰显，无法提交），除非他们输入了100个字符。

我正在使用我在这里找到的一个jsfiddle并且适应了我正在做的事情：

似乎没有完全正确的工作。首先，它最初并没有变灰...但是当我开始输入时，它会识别出没有100个字符并且它会禁用。

但是，如果长度不小于100，即当它达到或超过100个字符时，我的代码应重新启用该按钮。但事实并非如此。我做错了什么？

$("#field").keyup(function() {
    el = $(this);
    $("#charNum").text(el.val().length);

    if(el.val().length < 100) {
        $('#submit').attr('disabled','true');
    } else {
        $('#submit').attr('disabled','false');
    }
});

Answer 1

你想在JS中使用它：

$('#submit').removeAttr('disabled');

以及HTML中的内容：

<input type="submit" name="button" id="submit" value="do some stuff" disabled="disabled" style="float:left;width:160px;height:30px;"/>

演示： http://jsfiddle.net/xqyWV/398/

Answer 2

要修复您的html，您只需在提交按钮中添加已禁用的属性。

<input type="submit" name="button" id="submit" value="do some stuff" style="float:left;width:160px;height:30px;" disabled="disabled" />

在你的javascript中，主要问题是你将disabled属性设置为字符串“true”或“false”。将其更改为布尔值true和false，您将全部设置。

$("#field").keyup(function(){
    el = $(this);
    $("#charNum").text(el.val().length);

    if(el.val().length > 100){
        $('#submit').attr('disabled', false);
    } else {
        $('#submit').attr('disabled', true);
    }
});

JsFiddle：http://jsfiddle.net/xqyWV/400/

Answer 3

为了完整起见，这里有相同的答案没有 jQuery：

HTML

<input type="submit" name="button" id="submit" value="do some stuff" disabled="disabled" style="float:left;width:160px;height:30px;"/>

JavaScript的

document.getElementById('submit').removeAttribute('disabled');

演示： http://jsbin.com/torug/1/edit

Answer 4

更简单的方法就是添加一个onclick：

<input type="submit" name="button" id="submit" value="do some stuff" style="float:left;width:160px;height:30px;"/>

然后在<script>区域，您可以执行以下操作：

document.getElementById('submit').setAttribute('onClick','functionname()');

通过执行此操作，您可以添加onClick，以便该按钮可以调用特定功能。

默认情况下，页面会在没有onClick的情况下加载它。通过添加属性，您可以启用它。

Answer 5

只需将其添加到您的 HTML ：

      <Menu mnemonicParsing="false" text="File">
        <items>
          <MenuItem fx:id="file_open" mnemonicParsing="false" text="Open" />
              <MenuItem fx:id="file_save" mnemonicParsing="false" text="Save" />
              <MenuItem fx:id="file_save_as" mnemonicParsing="false" text="Save As" />
              <MenuItem fx:id="file_import" mnemonicParsing="false" onAction="#importImages" text="Import" />
        </items>
      </Menu>

...为此更改

disabled="true"

并将其添加到您的 JS ：

<input type="submit" name="button" id="submit"  disabled="true"  value="do some stuff" style="float:left;width:160px;height:30px;" />

如何默认禁用按钮，但然后使用javascript启用它？

5 个答案:

HTML