基于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不是基础的基础
Dec 24 Javascript
js CSS操作方法集合
Oct 31 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
基于JavaScript实现轮播图效果
Jan 02 Javascript
JS数组去重详情
Nov 07 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中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
js post提交调用方法
2014/02/12 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
基于Keras中Conv1D和Conv2D的区别说明
2020/06/19 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
会计辞职信范文
2014/01/15 职场文书
销售口号大全
2014/06/11 职场文书
数控专业毕业生求职信
2014/06/12 职场文书
文秘自荐信
2014/06/28 职场文书
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
推荐信范文大全
2015/03/27 职场文书
班级联欢会主持词
2015/07/03 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
golang三种设计模式之简单工厂、方法工厂和抽象工厂
2022/04/10 Golang