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

程序员的算法趣题

程序员的算法趣题

[ 日] 增井敏克 / 绝 云 / 人民邮电出版社 / 2017-7 / 55.00元

本书是一本解谜式的趣味算法书,从实际应用出发,通过趣味谜题的解谜过程,引导读者在愉悦中提升思维能力、掌握算法精髓。此外,本书作者在谜题解答上,通过算法的关键原理讲解,从思维细节入手,发掘启发性算法新解,并辅以Ruby、JavaScript等不同语言编写的源代码示例,使读者在算法思维与编程实践的分合之间,切实提高编程能力。 本书适合已经学习过排序、搜索等知名算法,并想要学习更多有趣算法以提升编程技巧......一起来看看 《程序员的算法趣题》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具