基于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 相关文章推荐
基于jQuery实现网页进度显示插件
Mar 04 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
Sep 17 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
JS验证字符串功能
Feb 22 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 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
新浪SAE搭建PHP项目教程
2015/01/28 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
&amp;lt;script defer&amp;gt; defer 是什么意思
2009/05/10 Javascript
在模板页面的js使用办法
2010/04/01 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
2014/02/19 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
基于jquery实现左右上下移动效果
2018/05/02 jQuery
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
python在不同层级目录import模块的方法
2016/01/31 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
Python语言快速上手学习方法
2018/12/14 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
python实现用类读取文件数据并计算矩形面积
2020/01/18 Python
解决jupyter notebook显示不全出现框框或者乱码问题
2020/04/09 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
Java中compareTo和compare的区别
2016/04/12 面试题
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
幼儿园中班新学期寄语
2014/01/18 职场文书
应急处置方案
2014/06/16 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
2016新年慰问信范文
2015/03/25 职场文书
网吧员工管理制度
2015/08/05 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
Python编程super应用场景及示例解析
2021/10/05 Python
Python列表的索引与切片
2022/04/07 Python