手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现textarea输入框限制字数的方法
jquery实现textarea输入框限制字数的方法
摘要:本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下:网上有使用属性disabled来实现...

本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下:

网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。

复制代码 代码如下:<html>

<head>

<title> jquery完美实现textarea输入框限制字数</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

$(function(){

$("#weibo").keyup(function(){

var len = $(this).val().length;

if(len > 139){

$(this).val($(this).val().substring(0,140));

}

var num = 140 - len;

$("#word").text(num);

});

});

</script>

<style type="text/css">

h6{color:blue;}

textarea{resize:none;}

#word{color:red;}

</style>

</head>

<body>

<h6>说点什么吧,你可以输入<span>140</span>个字,现在剩余<span id="word">140</span>个</h6>

<textarea name="con" id="weibo" cols="45" rows="6"></textarea>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

【jquery实现textarea输入框限制字数的方法】相关文章:

jQuery实现限制textarea文本框输入字符数量的方法

jquery实现用户打分评分特效

jquery读取xml文件实现省市县三级联动的方法

jQuery替换textarea中换行的方法

jQuery实现延迟跳转的方法

javascript实现十秒钟后注册按钮可点击的方法

javascript实时显示当天日期的方法

jQuery实现返回顶部功能

jQuery仿gmail实现fixed布局的方法

javascript用函数实现对象的方法

精品推荐
分类导航