jquery - jQuery 文本框长度计数器帮助

标签 jquery

我有一个文本框,外面有一个数字,我最初通过脚本将其设置为 7。当我在文本框中输入时,我希望数字减少,当我删除字符时,我希望数字增加。我现在的脚本按预期减少了数量,但当我删除时,它仍然减少。当字段中没有剩余字符并且我按删除键时,数字会增加。有人能让我走上正轨吗?谢谢。

这是我所拥有的:

var origCnt = 7;

$('#cntEngDesg_insert').html(origCnt);

$('#txtEngDesg_insert').keyup(function () {
    var currentlen = $('#txtEngDesg_insert').val().length;
    if (currentlen++) {
        origCnt--;
        $('#cntEngDesg_insert').html(origCnt);
    }
    else if (currentlen--) {
        origCnt++;
        $('#cntEngDesg_insert').html(origCnt);
    }
});            

最佳答案

解决方案实际上要简单得多:

var origCnt = 7;

$('#cntEngDesg_insert').html(origCnt);

$('#txtEngDesg_insert').keyup(function (e) {
    var currentlen = $('#txtEngDesg_insert').val().length;
    if(currentlen <= origCnt) {
        $('#cntEngDesg_insert').html(origCnt - currentlen);
    } else {
        $(this).val($(this).val().substring(0, origCnt));
    }
});  

演示:http://jsfiddle.net/snpeX/

关于jquery - jQuery 文本框长度计数器帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4230432/

相关文章:

javascript - 是否可以在不使用 jquery 中的附加的情况下添加整个 html 部分?

javascript - 如何在javascript中的一个变量中存储多个字符?

javascript - 无法将单击事件附加到 JQuery 中的按钮

javascript dom 插入。性能与泄漏?

javascript - jQuery : how to fix quick sliding (carousel)?

jquery - 通过 JavaScript 或 JQuery 进行 HTML 预览

Jquery 在 iframe 中搜索文本

javascript - 选择不是第一个 child 且不包含某些内容的所有 `li`

javascript - SetTimeout 功能未发生

javascript - 选择更改事件的替代方案