软件开发培训班 >> 编程开发 >> JavaScript

js 限制表单输入长度汉字为两个字符

　　本文标签：表单输入长度

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>限制表单输入长度 汉字为两个字符</title> 
<meta name="auther" content="f7" /> 
<script> 
function lengthLimit(elem, showElem, max){ 
var elem = document.getElementById(elem); 
var showElem = document.getElementById(showElem); 
var max = max || 50;// 最大限度字符，汉字按两个字符计算 
function getTextLength(str){// 获取字符串的长度 一个汉字为2个字符 
return str.replace(/[^\x00-\xff]/g,"xx").length; 
}; 
// 监听textarea的内容变化 
if(/msie (\d+\.\d)/i.test(navigator.userAgent) == true) {// 区分IE 
elem.onpropertychange = textChange; 
}else{ 
elem.addEventListener("input", textChange, false); 
} 
function textChange(){// 内容变化时的处理 
var text = elem.value; 
var count = getTextLength(text); 
if(count > max){// 文字超出截断 
for(var i=0; i<text.length; i++){ 
if(getTextLength(text.substr(0, i)) >= max){ 
elem.value = text.substr(0, i); 
if(showElem) showElem.innerHTML = elem.value;// 显示输出结果 
break; 
}; 
} 
}else{ 
if(showElem) showElem.innerHTML = elem.value;// 显示输出结果 
}; 
}; 
textChange();// 加载时先初始化 
}; 
</script> 
</head> 
<body> 
<textarea name="textarea" id="commentText" style="width:500px; height:150px;"></textarea> 最多输入20个汉字 
<input type="button" value="JS添加内容" onclick="document.getElementById(commentText).value = 您想说dasdsadsad的话！请输5325135353入您想说的; lengthLimit(commentText, dsa, 40);" /> 
<div id="dsa"></div> 
<script type="text/javascript"> 
lengthLimit("commentText", "dsa", 40); 
</script> 
</body> 
</html>

技术文章快速查找

ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)

NodeJS的url截取模块url-extract的使用实例

js对数字的格式化使用说明

JavaScript面向对象之静态与非静态类

js下拉菜单中自动信息轮换播放

jQuery如何实现点击页面获得当前点击元素的id或其他信息

javascript实现div的拖动并调整大小类似qq空间个性编辑模块

使用js获取QueryString的方法小结

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

js 限制表单输入长度 汉字为两个字符

js 限制表单输入长度汉字为两个字符