textCounting

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-10 19:12:27

软件介绍

The jQuery textCounting plugin will count the number of characters or 'words' (blocks of characters separated by one or more spaces) in a <textarea> every time a character is typed in the <textarea>, and will display either the number of words or characters in the <textarea> or how many words or characters can still be typed before reaching the set limit.

The default behavior of the plugin is to display the number of characters left before reaching the limit (a character countdown). You can use the plugin for this purpose "as is" (without specifying or changing any settings) if you follow these conventions in your coding:

  • The <textarea> must have an "id" attribute with a unique value and a "maxLength" attribute with an integer denoting the character limit.
  • The display element (<p>,<span>>,<div>,etc.) where you want the countdown displayed must have an "id" attribute whose value is the combination of the <texarea>'s "id" value and the word "Down".

Here's an example of a <textarea> and a <span> element that fit the convention:

<textarea id="comments" maxLength="1000" rows="4" cols="60"></textarea>
<p>Characters left: <span id="commentsDown"></span></p>

Because the element ids and the maxLength value is specific to each <textarea>, you can use a single call of the plugin to display a countdown for all your <textarea> elements:

<script language="javascript">
  $(document).ready(function()
    $(":input[type=textarea]").textCounting();
   });
</script>

If the default plugin behavior is not suitable, the plugin has a number of settings that can be changed. Here are a few examples:

  • You can change the countWhat setting to count "words" instead of "characters."
  • The countDirection setting can be set to "up" to count the words/characters in the <textarea>, "down" to count the words/characters left before hitting the limit, or "up,down" to count and display both values.
  • Instead of setting the word/character limit in an attribute of the <textarea>, you can pass a comma-delimited list of limits (one per <textarea>) into the maxLengthList plugin setting, or you can make use of another jQuery plugin, the Metadata plugin, and set the limit in a block of metadata within the <textarea>'s "class" attribute.
  • You can set the plugin to apply a particular CSS class to the element that displays the current count when the limit has been exceeded with the lengthExceededClass setting.

本文地址:https://codercto.com/soft/d/23097.html

Rails 5敏捷开发

Rails 5敏捷开发

[美] Sam Ruby、[美] Dave Thomas、[美] David Heinemeier Hansson / 安道、叶炜、大疆Ruby技术团队 / 华中科技大学出版社 / 2017-12-30 / 115.00

本书以讲解“购书网站”案例为主线,逐步介绍Rails的内置功能。全书分为3部分,第一部分介绍Rails的安装、应用程序验证、Rails框架的体系结构,以及Ruby语言知识;第二部分用迭代方式构建应用程序,然后依据敏捷开发模式开展测试,最后用Capistrano完成部署;第三部分补充日常实用的开发知识。本书既有直观的示例,又有深入的分析,同时涵盖了Web开发各方面的知识,堪称一部内容全面而又深入浅出......一起来看看 《Rails 5敏捷开发》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

随机密码生成器
随机密码生成器

多种字符组合密码

html转js在线工具
html转js在线工具

html转js在线工具