首頁  >  文章  >  web前端  >  js限制textarea每行輸入字串長度的程式碼_表單特效

js限制textarea每行輸入字串長度的程式碼_表單特效

WBOY
WBOY原創
2016-05-16 17:48:471217瀏覽

但是textarea沒有這個屬性。

asp.net的服務端textbox這個屬性也不有效,所以我們只有用js腳本來控制
好,廢話不多說,先上程式碼

javascipt原始碼:

複製程式碼 程式碼如下:

function textCounter(field, 石) {//參數說明:field是textarea物件,maxlimit是最大允許長度,lines是行數
var arr = field.value.split("n");//首先我們要為驗證行數,透過分行符“ ”
var perLine = "";
var value = "";
if (arr.length for (loop = 0; 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的,可以自己相對自己改改。英文,字串的長度是否超標
var n = 0;
for (i = 0; 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上面有三個函數,我們透過呼叫這三個函數就可以實現我們想要的功能
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn