????
??? 做項目時自己寫一段js給大家。關(guān)于文本限制字數(shù)的問題，在實際開發(fā)中經(jīng)常用到；主要問題出現(xiàn)在對中文的限制，因為大多數(shù)據(jù)庫都是按字節(jié)限制，而web中屬性maxlength限制個數(shù)，非字節(jié)數(shù)，因此遇到中文就會出問題。下面代碼就解決關(guān)于限制字節(jié)數(shù)的校驗問題；只要將此下代碼保存到一個js文件中并引入到校驗的頁面中，便可使用！同時希望大家給與大力支持和寶貴意見，本人會在今后閑余之際，發(fā)表更多的好文章，謝謝！！
?
/*
?value:?值；
?byteLength：數(shù)據(jù)庫字節(jié)長度
?title：字段中文名稱
?attribute：屬性名稱
?使用方法說明：
添加?（1）?onkeyup="limitLength(this.value,100,'名稱','name')"
??????????(2)??id="name"?或【struts標簽】styleId="name"
?注意：id名稱和?attribute屬性名稱要一樣
?????
?例子：<textarea??name="explain"?id="explain"?onkeyup="limitLength(value,5,'語義說明','explain')"?>?
?或
<input?type="text"???name="explain"??id="explain"?onkeyup="limitLength(value,5,'語義說明','explain')"?>
*/
function
?limitLength(value,?byteLength,?title,?attribute)?{
???????
var
?newvalue?
=
?value.replace(
/
[
^
\x00
-
\xff]
/
g,?
"
**
"
);
???????
var
?length?
=
?newvalue.length;
?
???????
//
當填寫的字節(jié)數(shù)小于設(shè)置的字節(jié)數(shù)
??????
if
?(length?
*
?
1
?
<=
byteLength?
*
?
1
){
????????????
return
;
??????}
??????
var
?limitDate?
=
?newvalue.substr(
0
,?byteLength);
??????
var
?count?
=
?
0
;
??????
var
?limitvalue?
=
?
""
;
?????
for
?(
var
?i?
=
?
0
;?i?
<
?limitDate.length;?i
++
)?{
?????????????
var
?flat?
=
?limitDate.substr(i,?
1
);
????????????
if
?(flat?
==
?
"
*
"
)?{
??????????????????count
++
;
????????????}
?????}
?????
var
?size?
=
?
0
;
?????
var
?istar?
=
?newvalue.substr(byteLength?
*
?
1
?
-
?
1
,?
1
);
//
校驗點是否為“×”
??
????
//
if?基點是×;?判斷在基點內(nèi)有×為偶數(shù)還是奇數(shù)?
?????
if
?(count?
%
?
2
?
==
?
0
)?{
??????????????
//
當為偶數(shù)時
????????????size?
=
?count?
/
?
2
?
+
?(byteLength?
*
?
1
?
-
?count);
????????????limitvalue?
=
?value.substr(
0
,?size);
????}?
else
?{
????????????
//
當為奇數(shù)時
????????????size?
=
?(count?
-
?
1
)?
/
?
2
?
+
?(byteLength?
*
?
1
?
-
?count);
????????????limitvalue?
=
?value.substr(
0
,?size);
????}
???alert(title?
+
?
"
最大輸入
"
?
+
?byteLength?
+
?
"
個字節(jié)（相當于
"
+
byteLength?
/
2
+
"
個漢字）！
"
);
???document.getElementById(attribute).value?
=
?limitvalue;
???
return
;
}
posted on 2006-09-11 12:53
扁豆 閱讀(525)
評論(2) 編輯 收藏