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 16 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
AngularJS全局scope与Isolate scope通信用法示例
Nov 22 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
Feb 10 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
Vue插件从封装到发布的完整步骤记录
Feb 28 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
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中for循环语句的几种变型
2006/11/26 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
javascript delete 使用示例代码
2010/03/29 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
Python中for循环详解
2014/01/17 Python
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
python实现逆波兰计算表达式实例详解
2015/05/06 Python
python奇偶行分开存储实现代码
2018/03/19 Python
python函数式编程学习之yield表达式形式详解
2018/03/25 Python
python 识别图片中的文字信息方法
2018/05/10 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
《在家里》教后反思
2014/03/01 职场文书
小学数学教研活动总结
2014/07/01 职场文书
三人合伙协议书范本
2014/10/29 职场文书
酒会开场白大全
2015/06/01 职场文书
行政处罚事先告知书
2015/07/01 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
JavaScript实现淘宝商品图切换效果
2021/04/29 Javascript
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android