js限制textarea每行输入字符串长度的代码


Posted in Javascript onOctober 31, 2012

但是textarea没有这个属性。

asp.net的服务端textbox这个属性也不起效,所以我们只有用js脚本来控制
好,废话不多说,先上代码

javascipt源码:

function textCounter(field, maxlimit, lines) {//参数说明:field是textarea对象,maxlimit是最大允许长度,lines是行数 
var arr = field.value.split("\n");//首先我们要为验证行数,通过分行符“\n” 
var perLine = ""; 
var value = ""; 
if (arr.length < lines) lines = arr.length;//判断行数是否超出了我们规定的行数,如果超了就把行数改为超出的,因为我们要算字符串长度 
for (loop = 0; loop < lines; loop++) {//循环测数字符串总长度,不多说了 
perLine = arr[loop]; 
if (perLine.length > maxlimit) 
perLine = perLine.substring(0, maxlimit); 
value = value + perLine; 
if (loop != lines - 1) 
value = value + "\n"; 
} 
if (field.value != value) 
field.value = value; 
if (checkstr(value, maxlimit)) {//判断字符串长度是不是超标 
field.value = value.substring(0, maxlimit);//删除超除的多余字符串 
} 
} function showOverWords(obj, maxlength) {//显示剩余的可输入字符数obj为txteara对象,maxlength最大长度 
len = obj.value.length; 
$("#wordCount").html(maxlength - len); //这句是jquery的,可以自己相对自己改改。 表示修改id为wordCount标签的值 
} 
function checkstr(str, digit) {//判断中文和英文,字符串的长度是否超标 
var n = 0; 
for (i = 0; i < str.length; i++) { 
var leg = str.charCodeAt(i);//ASCII码 
if (leg > 255) {//大于255的都是中文 
n += 2;//如果是中文就是2个字节 
} else { 
n += 1;//英文,不多说了 
} 
} 
if (n > digit) { 
return true; 
} else { 
return false; 
} 
}

ok上面有三个函数,我们通过调用这三个函数就可以实现我们所想要的功能

Javascript 相关文章推荐
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
JS TextArea字符串长度限制代码集合
Oct 31 #Javascript
JS 控件事件小结
Oct 31 #Javascript
jQuery事件 delegate()使用方法介绍
Oct 30 #Javascript
fancybox modal的完美解决(右上的X)
Oct 30 #Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 #Javascript
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 #Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 #Javascript
You might like
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
jquery 问答知识整理
2010/02/11 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
2016/06/24 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
python实现的阳历转阴历(农历)算法
2014/04/25 Python
解决python 输出是省略号的问题
2018/04/19 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
Python连接字符串过程详解
2020/01/06 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
什么是数组名
2012/05/10 面试题
Java如何调用外部Exe程序
2015/07/04 面试题
小组合作学习反思
2014/02/18 职场文书
生日宴会主持词
2014/03/20 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
陪护人员误工证明
2015/06/24 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python