基于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下的keyCode键码值表
Apr 10 Javascript
JavaScript 学习笔记(七)字符串的连接
Dec 31 Javascript
使用js 设置url参数
Jul 08 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
走进javascript——不起眼的基础,值和分号
Feb 24 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
vue生命周期的探索
Apr 03 Javascript
vue使用websocket的方法实例分析
Jun 22 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
JavaScript与Div对层定位和移动获得坐标的实现代码
2010/09/08 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
页面右下角弹出提示框示例代码js版
2013/08/02 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
pytorch之添加BN的实现
2020/01/06 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
python实现从ftp服务器下载文件
2020/03/03 Python
Python urllib.request对象案例解析
2020/05/11 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
违反学校规定检讨书
2014/01/18 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
介绍信范文
2015/01/31 职场文书
网络销售员岗位职责
2015/04/11 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
团组织关系介绍信
2019/06/24 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python
腾讯云服务器部署前后分离项目之前端部署
2022/06/28 Servers