基于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 Math对象
Aug 13 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
Apr 02 Javascript
jquery实现metro效果示例代码
Sep 06 Javascript
简单js代码实现selece二级联动(推荐)
Feb 18 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
微信小程序 详解页面跳转与返回并回传数据
Feb 13 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 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
PHP服务器页面间跳转实现方法
2012/08/02 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
JQuery实现简单的服务器轮询效果实例
2016/03/31 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
微信小程序 location API实例详解
2016/10/02 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
python模块之StringIO使用示例
2015/04/08 Python
利用python程序生成word和PDF文档的方法
2017/02/14 Python
Python Socket使用实例
2017/12/18 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
Python实现扫码工具的示例代码
2020/10/09 Python
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
应届生船舶驾驶求职信
2013/10/19 职场文书
美术国培研修感言
2014/02/12 职场文书
向领导表决心的话
2014/03/11 职场文书
法人代表委托书
2014/04/04 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
鸟的天堂导游词
2015/01/31 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle