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 对象比较实现代码
Apr 27 Javascript
javaScript Array(数组)相关方法简述
Jul 25 Javascript
javascript中encodeURI和decodeURI方法使用介绍
May 06 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
JS FormData上传文件的设置方法
Jul 05 Javascript
JS实现图片懒加载(lazyload)过程详解
Apr 02 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下获取客户端ip地址的函数
2010/03/15 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
Js-$.extend扩展方法使方法参数更灵活
2013/01/15 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
2016/03/25 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
JS实现随机点名器
2020/04/12 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
Melissa香港官网:MDreams
2016/07/01 全球购物
opencv实现图像平移效果
2021/03/24 Python
中国文明网签名寄语
2014/01/18 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
漫画《催眠麦克风-Dawn Of Divisions》第二卷PV公开
2022/04/05 日漫