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 相关文章推荐
JQuery select标签操作代码段
May 16 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
举例简介AngularJS的内部语言环境
Jun 17 Javascript
基于jQuery实现自动轮播旋转木马特效
Nov 02 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
详解JS预解析原理
Jun 16 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无敌近乎加密方式!
2010/07/17 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
Python中返回字典键的值的values()方法使用
2015/05/22 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
python实现音乐下载的统计
2018/06/20 Python
python面向对象入门教程之从代码复用开始(一)
2018/12/11 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
Python插件机制实现详解
2020/05/04 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
自荐书模板
2013/12/15 职场文书
家长对孩子的评语
2014/04/18 职场文书
户外亲子活动总结
2015/05/08 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
详解Vue router路由
2021/11/20 Vue.js