基于jQuery实现仿微博发布框字数提示


Posted in Javascript onJuly 27, 2016

jQuery实现仿微博发布框字数提示,主要是运用字符串操作!

效果图:

基于jQuery实现仿微博发布框字数提示

HTML:

<textarea name="" id="" cols="30" rows="10"></textarea><br>
<span>你还可以输入<strong style="color:red;">140</strong>个字</span>

JQ:

$(function(){
    var maxlength=140;//初始化最大字数
    $("textarea").keyup(function(){
    var l=$(this).val().length;
    $("strong").text(maxlength-l);//还可以输入多少个
    //字数超出
    if(parseInt($("strong").text())<0){
      $("strong").text(0);//强制字数
      var val=$(this).val().substring(0,140);/*截取指定的字符串,左闭右开*/
      $(this).val(val);
    }
  });
  })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 控制弹出窗口
Apr 10 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
Eclipse去除js(JavaScript)验证错误
Feb 11 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
JavaScript的继承实现小结
May 07 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
写一个Vue loading 插件
Nov 09 Javascript
AngularJS入门教程之Select(选择框)详解
Jul 27 #Javascript
关于JS中的方法是否加括号的问题
Jul 27 #Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 #Javascript
AngularJS入门教程之服务(Service)
Jul 27 #Javascript
AngularJS 过滤器的简单实例
Jul 27 #Javascript
AngularJS延迟加载html template
Jul 27 #Javascript
AngularJS入门教程之控制器详解
Jul 27 #Javascript
You might like
晶体管来复再生式二管收音机
2021/03/02 无线电
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
PHP学习 变量使用总结
2011/03/24 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
JavaScript实现把数字转换成中文
2015/06/29 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
js仿360开机效果
2019/12/26 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
python生成器的使用方法
2013/11/21 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
python 实现单例模式的5种方法
2020/09/23 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
教师产假请假条
2014/04/10 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
美丽人生观后感
2015/06/03 职场文书
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏