• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 基于jQuery实现仿微博发布框字数提示

基于jQuery实现仿微博发布框字数提示

作者:macanfa 字体:[增加 减小] 来源:互联网

macanfa 通过本文主要向大家介绍了jquery字数限制,jquery限制文本框字数,jquery字数统计,jquery剩余字数等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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);
    }
  });
  })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery实现仿微博发布框字数提示

相关文章

  • jQuery实现DIV层收缩展开的方法
  • Jquery 插件开发笔记整理
  • jQuery position() 函数详解以及jQuery中position函数的应用
  • jquery 快速回到页首的方法
  • 读jQuery之三(构建选择器)
  • js弹出层之1:JQuery.Boxy (二)
  • div拖拽插件——JQ.MoveBox.js(自制JQ插件)
  • jquery.pagination.js 无刷新分页实现步骤分享
  • jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
  • jquery实现input框获取焦点的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 快速解决jquery之get缓存问题的最简单方法介绍
    • 老生常谈jquery id选择器和class选择器的区别
    • 模拟jQuery ajax服务器端与客户端通信的代码
    • 为你的网站增加亮点的9款jQuery插件推荐
    • jQuery多个input求和的实现方法
    • 网页下载文件期间如何防止用户对网页进行其他操作
    • 深入理解jquery的$.extend()、$.fn和$.fn.extend()
    • Jquery跨域获得Json时invalid label错误的解决办法
    • jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
    • 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有