您的位置：首页 > Web前端 > JavaScript

一个用js限制用户输入字节个数的问题.

2009-04-14 17:08 344 查看

http://blog.csdn.net/jackeyabc/archive/2007/04/11/1561117.aspx

http://topic.csdn.net/u/20070316/14/6A6D551E-1C7B-4A9E-A2AC-64E15E501AD3.html

页面上有一个textarea(注意是多行的),现在需要用Js实现下面的功能.

1.只能输入一定字节的字符,比如允许的最大长度是10,那么只能输入10个字母或者5个汉字(双字节的字符).
2.而且允许用户用退格键,delete键以及其他的非字符键.
3.必须同时支持ie和firefox,太低的版本可以不考虑.
4.用户粘贴的时候也必须保证不会超过允许的最大长度,不能单单考虑用键盘输入.
5.以上功能是基于字节的,不是字符.

搞了老半天没有搞定,网上也没有特别好的资料.
如果有兄弟帮解决了,我可以放非技术分或者捐赠可用分.
谢谢!

---------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="">
<TEXTAREA ID="testArea" NAME="testArea" ROWS="3" COLS="22" onkeyup="checkFieldLength('testArea', '超过允许输入的字符个数', 20);" onchange="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"></TEXTAREA>
<div id="testInfo">已经输入:<span id="showMsg"></span></div>
</FORM>
</BODY>
</HTML>

---------------------------------------------------------------

客户一定要？你就捕捉那几个事件即可。在事件里判断字符数
关于中文、英文，可以参考 http://blog.csdn.net/net_lover/archive/2002/03/29/6898.aspx ---------------------------------------------------------------

<html>
<head>
<script language="javascript" type="text/javascript">
function isMaxLen(o){
var nMaxLen=o.getAttribute? parseInt(o.getAttribute("maxlength")):"";

var v = o.value;
var d = (v.match(/[/x00-/xff]/g) || "").length; //获取单字节个数
var s = v.length - d; //获取双字节个数

var allLen = d + s * 2 ;

if(o.getAttribute && allLen >nMaxLen){
o.value=o.value.substring(0,nMaxLen/2)
}
}
</Script>
</head>
<body>
<input typ="text" onkeyup="return isMaxLen(this)" ID="txtComment" MaxLength="10" TextMode="MultiLine" Height="90px" />
</body>
</html>

页面上有一个textarea(注意是多行的),现在需要用Js实现下面的功能.

1.只能输入一定字节的字符,比如允许的最大长度是10,那么只能输入10个字母或者5个汉字(双字节的字符).
2.而且允许用户用退格键,delete键以及其他的非字符键.
3.必须同时支持ie和firefox,太低的版本可以不考虑.
4.用户粘贴的时候也必须保证不会超过允许的最大长度,不能单单考虑用键盘输入.
5.以上功能是基于字节的,不是字符.

搞了老半天没有搞定,网上也没有特别好的资料.
如果有兄弟帮解决了,我可以放非技术分或者捐赠可用分.
谢谢!

---------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="">
<TEXTAREA ID="testArea" NAME="testArea" ROWS="3" COLS="22" onkeyup="checkFieldLength('testArea', '超过允许输入的字符个数', 20);" onchange="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"></TEXTAREA>
<div id="testInfo">已经输入:<span id="showMsg"></span></div>
</FORM>
</BODY>
</HTML>

---------------------------------------------------------------

客户一定要？你就捕捉那几个事件即可。在事件里判断字符数
关于中文、英文，可以参考 http://blog.csdn.net/net_lover/archive/2002/03/29/6898.aspx ---------------------------------------------------------------

<html>
<head>
<script language="javascript" type="text/javascript">
function isMaxLen(o){
var nMaxLen=o.getAttribute? parseInt(o.getAttribute("maxlength")):"";

var v = o.value;
var d = (v.match(/[/x00-/xff]/g) || "").length; //获取单字节个数
var s = v.length - d; //获取双字节个数

var allLen = d + s * 2 ;

if(o.getAttribute && allLen >nMaxLen){
o.value=o.value.substring(0,nMaxLen/2)
}
}
</Script>
</head>
<body>
<input typ="text" onkeyup="return isMaxLen(this)" ID="txtComment" MaxLength="10" TextMode="MultiLine" Height="90px" />
</body>
</html>

统计判断当前用户输入的字节数以区分汉字和字母

http://www.okajax.com/a/200812/1222S192008.html

系统中有时候会遇到这种情况：让用户输入某一项内容，只允许输入5个汉字或者10个字符，这时，我们单纯的通过“document.cnwebform.title.value.length”是无法判断汉字的，只能通过统计字节数来判断了。如下：
/**
* 统计字符串字节数
*
* return integer
*/
String.prototype.ByteCount = function()
{
txt = this.replace(/(<.*?>)/ig,'');
txt = txt.replace(/([u0391-uFFE5])/ig, '11');
var count = txt.length;
return count;
}

通过以上函数我们就可以统计用户输入的字节数了，调用方法：
var count = document.cnwebform.title.value.ByteCount();

count就是用户输入的字节数，因为汉字占用两个字节，我们就可以统计出来汉字和字符的数目了：
if ( count < 10|| count > 20) {
alert("字数限定在5～10个汉字，或者10～20个英文字符。");
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航