jquery自动监测输入字数,自动截取,输入框

简介: jquery自动监测输入字数,自动截取,输入框
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery自动监测输入字数,自动截取,输入框</title>
<script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div class="box">
    <textarea style="width: 500px;height: 250px" id="textarea"></textarea>
</div>
<div>
    <div id="nobr">0</div>/300
</div>
</body>
<script>
$(document).on("keyup", "textarea", function() {
    var data = $("#textarea").val().trim().replace(/\s+/g, "");
    var count = data.length;
    if (count > 300) {
        var new_data = data.substring(0, 300);
        $(".box").html(new_data);
        $("#nobr").text(300);
    } else {
        $("#nobr").text(count);
    }
}) 
</script>
</html>

相关文章
|
12月前
|
JavaScript
jQuery点击按钮,生成input输入框
jQuery点击按钮,生成input输入框
59 0
|
JavaScript
jQuery控制input的字数
jQuery控制input的字数
|
JavaScript Java
jquery.tagsinput.js,不错的标签输入框
jquery.tagsinput.js,不错的标签输入框
321 0
jquery.tagsinput.js,不错的标签输入框
|
JavaScript Java
jquery.tagsinput.js,不错的标签输入框
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/80124800 一、效果 二、组件下载 https://github.com/xoxco/jQuery-Tags-Input 三、组件使用 下载后的readme中已经对常用的方法参数进行了解释。
1133 0
|
前端开发 JavaScript Python
使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
这也是下拉列表太长了之后,使用的同事提出来的意见, 然后,本来开始想将DJANGO的那个后台下拉菜单移植过来的,但发现不现实,也麻烦, 就找了几个JQUERY的插件测试了一下,最后选中了flexselect。
1461 0
|
Web App开发 JavaScript iOS开发
js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
(1)     先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码: $('#username').
2822 0