字符数超过 160 时如何确保禁用按钮答案

【问题标题】：How to ensure a disable button when number of characters exceed 160字符数超过 160 时如何确保禁用按钮
【发布时间】：2011-03-27 07:16:59
【问题描述】：

我有一个脚本告诉我的按钮在字符数超过 160 时进入禁用模式，但它不起作用。知道为什么吗？

这是我的javascript：

     <script>
   function CountLeft(field,max){
       //disable post
       if (field.value.length > max)
          $('#workroom_submit').attr("disable","disable");
       // enable post 
       if (field.value.length <= max)
          $('#workroom_submit').attr("disable","");
       }
    </script>

这是我的html：

  <textarea cols="50" rows="3" name="postMsg"  onKeyDown="CountLeft(this.form.text,160);" onKeyUp="CountLeft(this.form.text,160);"></textarea>

  <input type="submit" name="workroom_submit" id="workroom_submit" disable="" value="Post" onclick="updateMsg()"/>

【问题讨论】：

标签： javascript jquery html textbox limit

【解决方案1】：

我做了一个例子：http://jsfiddle.net/vKFws/

移除了所有的 in HTML 事件绑定，使用了 jQuery 的事件绑定

<textarea cols="50" rows="3" name='postMsg' id='postMsg'></textarea>

<input type="submit" id="workroom_submit" value="Post"/>

$('#postMsg').keyup(function(){
    var thetext = $(this).val();

    if (thetext.length > 60) {
        $('#workroom_submit').attr('disabled', 'disabled');
    } else {
        $('#workroom_submit').removeAttr('disabled');
    }
})

【讨论】：

【解决方案2】：

jQuery id smart 处理所有输入并通过调用 val() 方法返回值。

function CountLeft(field,max){
       $field = $(field) // convert the field in jQuery object
       //disable post
       if ($field.val().length > max)
          $('#workroom_submit').attr("disabled","disabled"); // the attr name is disabled
       // enable post 
       if ($field.val().length <= max)
          $('#workroom_submit').removeAttr("disable");
       }

【讨论】：

【解决方案3】：

正确的属性被禁用http://www.w3schools.com/TAGS/att_input_disabled.asp

【讨论】：

【解决方案4】：

你可以从下面的链接得到一个想法：

Limiting the no of characters inside a textarea

尝试使用disabled 属性。

disabled="disabled";

【讨论】：