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编程起步(第四课)
Feb 27 Javascript
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
jquery搜索框效果实现方法
Jan 16 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
js断点调试经验分享
Dec 08 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
vue路由的配置和页面切换详解
Sep 09 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多维数组去掉重复值示例分享
2014/03/02 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
jQueryUI DatePicker 添加时分秒
2016/06/04 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
python迭代器与生成器详解
2016/03/10 Python
深入理解Python中装饰器的用法
2016/06/28 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
python 文件查找及内容匹配方法
2018/10/25 Python
python实现的自动发送消息功能详解
2019/08/15 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
python访问hdfs的操作
2020/06/06 Python
区分python中的进程与线程
2020/08/13 Python
python SOCKET编程基础入门
2021/02/27 Python
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
旅游管理本科生求职信
2013/10/14 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
商业用房租赁协议书
2014/10/13 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
2015年信息技术教研组工作总结
2015/07/22 职场文书