0

html:

    <script src="http://zurb.com/playground/javascripts/plugins/jquery.textchange.min.js"></script>
<form>
        <input type="text" name="comment" id="comment" placeholder="Comment" maxlength="140" value=""/>
      <div id="charactersLeft"></div>
        <input type="submit" id="commentButton" data-icon="edit" data-inline="true" data-mini="true" data-theme="b" value="Send" disabled="disabled"/>
    </form>
    <div id="actionList">
    </div>

js：

$('#comment').bind('hastext', function () {
  $('#commentButton').button('enable');
});

$('#comment').bind('notext', function () {
  $('#commentButton').button('disable');
});

$('#comment').bind('textchange', function (event, previousText) {
  $('#charactersLeft').html( 140 - parseInt($(this).val().length) );
});

  $('#commentButton').click(
    function(){
        $('#actionList').prepend('<p class="item">' + $('input[name=comment]').val().trim() + '</p>');
        $('#commentForm').each (function(){ this.reset(); });
        //document.getElementById('commentForm').reset();
        $(this).button('disable');
    }
);

在Fiddle上，它的另一个工作原理是在我的机器上工作。所以，测试本地。问题是：当我写评论时，我点击按钮，评论出现在 中#actionList，按钮被阻止。好的。但。如果我想写一条新评论，该按钮将被禁用。我有输入文本，但我无法单击按钮。我在输入中删除了我的新文本，然后我可以写一些东西，按钮终于启用了。

很奇怪，怎么解决？谢谢。

4

1 回答 1

1

我添加了这一行，以便在发布后删除评论：

$('#comment').val("");

我还用这个代码替换了你的hastext和函数，添加到函数中：notexttextchange

var tb_value = this.value;
if (tb_value == "") {
    $('#commentButton').button('disable');
} else {
    $('#commentButton').button('enable');
}

见小提琴。

于 2013-07-29T12:35:45.993 回答