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 相关文章推荐
offsetHeight在OnLoad中获取为0的现象
Jul 22 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
JavaScript计算两个日期时间段内日期的方法
Mar 16 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
Mar 21 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
three.js 如何制作魔方
Jul 31 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
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
微信小程序用canvas画图并分享
2020/03/09 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
详解uniapp的全局变量实现方式
2021/01/11 Javascript
Python脚本获取操作系统版本信息
2016/12/17 Python
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Python3 执行系统命令并获取实时回显功能
2019/07/09 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Python调用钉钉自定义机器人的实现
2020/01/03 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
如何使用python写截屏小工具
2020/09/29 Python
《荷花》教学反思
2014/04/16 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
机械生产实习心得体会
2016/01/22 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android
对讲机知识
2022/04/07 无线电