可输出的剩余字数

<script type="text/javascript">

			$(function(){
				// 最多160个中文字符
				var maxstrlen = 160;

				// 函数:获取传入的字符串的长度
				function getStrleng(str) {
					var len = 0;
					for (i = 0; (i < str.length) && (len <= maxstrlen * 2); i++) {
						// 如果是键盘码,则为英文字符,占一个字符;否则为中文字符,占两个字符
						if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128){
							len++;
						}
						else{
							len+=2;
						}
					}
					return len;
				}
				$(".inputbox").keyup(function(event) {
					len = maxstrlen;
					var str = $(this).val();
					myLen = getStrleng(str);

					if (myLen > len * 2) {
						 $(this).val(str.substring(0, len));
					}
					else {
						$(".wordCheck").html( Math.floor((len * 2 - myLen) / 2));
					}
				});
			});

		</script>
 

  

<div><textarea name="" class="inputbox"></textarea></div>
  <p>还可以输入<span class="wordCheck">160</span>个字符</p>
时间: 2024-11-05 22:42:43

可输出的剩余字数的相关文章

实现在矩形框中输入文字,可以显示剩余字数的功能

如下图: 要实现上面的功能,需要做到三点: 1.实现矩形框布局 思路就是矩形框作为整个布局的一个background,在drawable中创建一个shap.xml样式文件 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"     android:shape="r

jQuery实现的计算textarea可输入剩余字数

jQuery实现的计算textarea可输入剩余字数:textarea一般是用来输入文字性内容的,不过出于各种原因的考虑,文字的数量一般是受到限制的,下面就通过实例代码介绍一下,如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy

angularjs textarea 剩余字数统计

写页面的过程中用到了textarea的文本域,就突然想起他也可以加上剩余字数统计的这个功能. 第一个思路: 根据键盘按键按下去触发一个方法计数: <textarea cols="50" rows="10" maxlength="100" title="只能输入100个字" ng-model="text" ng-change="tolCount()"></textarea

JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: 1 <div> 2 <textarea name="content" id="content" onkeyup="javascript:checkWords(this);" onmousedown="javascript:checkWords(this);"

JQ限制输入字数,并提示剩余字数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

文本域textarea显示输入剩余字数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

textArea剩余字数统计插件

效果如: js代码: /** * textArea字数统计 * * Created on : 2015-6-26, 11:49:24 * Author : tom [email protected] */ var wordTool = { /** * 初始化 * * @param json json数组格式,如[{id:"news1", max:300}, {id:"news2", max:600}] */ init: function (json) { $.eac

textarea还剩余字数统计,支持复制粘贴的时候统计字数

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>textarea还剩余字数统计 - 懒人建站 http://www.51xuediannao.com/</title> <style type="text/css"> body,a{ font-size: 14px; color: #555;;} .wordCo

jquery插件artTxtCount输入字数限制,并提示剩余字数

工作中用到,需要批量处理下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=