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 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 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的面试题集
2006/11/19 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
three.js如何实现3D动态文字效果
2021/03/03 Javascript
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
Python ellipsis 的用法详解
2020/11/20 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
2012/12/13 HTML / CSS
C#笔试题和英文面试题
2013/02/07 面试题
护士试用期自我鉴定
2014/02/08 职场文书
奠基仪式策划方案
2014/05/15 职场文书
学用政策心得体会
2014/09/10 职场文书
2014年会计工作总结
2014/11/27 职场文书
2014年科协工作总结
2014/12/09 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
详解python字符串驻留技术
2021/05/21 Python
Python 键盘事件详解
2021/11/11 Python