当前位置: 首页 > 编程笔记 >

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

井翰
2023-03-14
本文向大家介绍基于jQuery实现仿微博发布框字数提示,包括了基于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);
    }
  });
  })

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

 类似资料:
  • 本文向大家介绍PHP+Mysql+jQuery实现发布微博程序 php篇,包括了PHP+Mysql+jQuery实现发布微博程序 php篇的使用技巧和注意事项,需要的朋友参考一下 先还是要说明本例的业务流程: 1、前端用户输入内容,并对输入的内容字数进行实时统计。 2、用户提交数据,jQuery实现通过Ajax向后台发送数据。 3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。 4、后

  • 本文向大家介绍JavaScript仿微博发布信息案例,包括了JavaScript仿微博发布信息案例的使用技巧和注意事项,需要的朋友参考一下 现在很多类似以微博发布动态的效果,下面为一个用 JavaScript写的小小的类似微博发布信息的案例 布局出来的样式,点击蓝色的删除链接,会删除对应的那一行内容。 陌陌说:重要知识点:获取输入框的数值,创建子节点和给子节点添加内容,删除对应的节点。 以上就是本

  • 本文向大家介绍jquery实现仿新浪微博评论滚动效果,包括了jquery实现仿新浪微博评论滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现仿新浪微博评论滚动效果。分享给大家供大家参考。具体如下: 这里使用jquery实现评论滚动效果,仿新浪微博大厅文字滚动效果,以前有不少人膜拜的效果,现在被模仿的到处都是啦,呵呵,今天这个仍是模仿的,评论和头像一起向下滚动,最新的一

  • 本文向大家介绍JS+CSS实现仿新浪微博搜索框的方法,包括了JS+CSS实现仿新浪微博搜索框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS+CSS实现仿新浪微博搜索框的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍基于jquery实现瀑布流布局,包括了基于jquery实现瀑布流布局的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家介绍了基于jquery实现瀑布流布局的关键代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: 使用jquery-1.8.3.min.js,waterfall.js代码如下: 希望本文所述对大家学习有所帮助,谢谢大家的阅读。

  • 本文向大家介绍js控住DOM实现发布微博效果,包括了js控住DOM实现发布微博效果的使用技巧和注意事项,需要的朋友参考一下 这段代码的效果具体是输入标题和内容,点击发布把消息发布出去,并使最新的消息始终在内容的最上面,代码为: 这段代码主要运用了一些DOM节点操作的知识,纯属学习之余练手作品,大家可以参考参考。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。