基于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 相关文章推荐
js操作select控件的几种方法
Jun 02 Javascript
js修改地址栏URL参数解决url参数问题
Dec 15 Javascript
js中call与apply的用法小结
Dec 28 Javascript
js改变鼠标的形状和样式的方法
Mar 31 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
vue地区选择组件教程详解
May 04 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
微信小程序开发之路由切换页面重定向问题
Sep 18 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
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随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP安装memcache扩展的步骤讲解
2019/02/14 PHP
js left,right,mid函数
2008/06/10 Javascript
Jquery 常用方法经典总结
2010/01/28 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
谈谈我对JavaScript DOM事件的理解
2015/12/18 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
javascript 正则表达式分组、断言详解
2017/04/20 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
Python Grid使用和布局详解
2018/06/30 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
应征英语教师求职信
2013/11/27 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
药店主任岗位责任制
2014/02/10 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
python解决12306登录验证码的实现
2021/04/18 Python