html

創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網(wǎng)站設計、網(wǎng)站建設、外貿網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的高平網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
head
meta http-equiv="Content-Type" content="text/html; charset=gbk" /
title計算詞匯數(shù)/title
script type="text/javascript" src="jquery.js"/script
script type="text/javascript"
function count() {
// var regex1=/^[\s]*$/;
// var regex2="!";
// var regex3=".";
// var regex4=";";
var value1 = $("#message1").val();//得到textarea的值
//var value2 = value1.replace(","," ").replace(";"," ").replace("."," ").replace(";"," ").replace("!"," ");//網(wǎng)上說要加加/g,這個標志不知道怎么加,否則只替換第一個符號
//var count1=value2.split(regex1).length-1;
var str = "句子有"+value1.length+"個字";//直接用length屬性就行
$("#div1").text(str);
}
/script
/head
body onload="count();"
br/br/br/br/br/br/br/br/
center
form id="form" method="post" action="#"
div id="div"
label id="label" for="message"Type your message/label
div id="div1"/div
textarea id="message1" name="message1" style="width:600px;height:300px;"hu lu feng.h;
y,e;h ./textarea
/div
/form
/center
/body
/html
后來在網(wǎng)上閑逛的時候突然發(fā)現(xiàn)一個比較好的文本框的字數(shù)限制的jquery
plugin,簡單好用
效果如下圖
復制代碼
代碼如下:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
title關于文本框的字數(shù)限制功能/title
script
type="text/javascript"
src="jquery-1.2.6.min.js"/script
script
type="text/javascript"
src="maxlength.js"/script
/head
body
pEnter
your
hobbies
(50
characters)/p
textarea
style="width:300px;
height:150px"
data-maxsize="50"
data-output="status1"
wrap="virtual"/textareabr
/
div
id="status1"
style="width:300px;font-weight:bold;text-align:right"/divbr
/
pEnter
your
postal
code
(6
characters)/p
input
type="text"
name="T1"
size="15"
data-maxsize="6"
/body
/html
屬性解釋:
data-maxsize:該文本域能夠接受的最大字數(shù).(important)
data-output:如果想實時動態(tài)顯示文本框里的字數(shù),該屬性設置顯示字數(shù)的span或div的id.(字數(shù)顯示的顏色會隨著數(shù)量變化)
如果不修改它的源文件的話,加添了js引用后,你只需要給自己的text或者textarea加上data-maxsize屬性就可以了。
關于動態(tài)設置最大值
使用setformfieldsize方法:
setformfieldsize($field,
maxsize,
outputfieldid)
屬性解釋:
$field:就是被限制的文本框的JQuery對象(參考Jquery文檔).
maxsize:和data-maxsize一樣,該文本域能夠接受的最大字數(shù).
outputfieldid:和data-output一樣.
例子:
復制代碼
代碼如下:
script
type="text/javascript"
//jQuery(document).ready(function($){
//fire
on
DOM
ready
setformfieldsize(jQuery('#comment'),
50,
'charsremain')
//});
/script
在界面加載時執(zhí)行.
演示代碼下載
復制代碼
代碼如下:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/
titlejquery限制輸入字數(shù),并提示剩余字數(shù)/title
script
type="text/javascript"
src="jquery.js"/script
script
type="text/javascript"
function
words_deal()
{
var
curLength=$("#TextArea1").val().length;
if(curLength5)
{
var
num=$("#TextArea1").val().substr(0,5);
$("#TextArea1").val(num);
alert("超過字數(shù)限制,多出的字將被截斷!"
);
}
else
{
$("#textCount").text(5-$("#TextArea1").val().length);
}
}
/script
/head
body
剩余span
id="textCount"5/span個字br
/
textarea
name="textarea"
id="TextArea1"
cols="45"
rows="5"
onkeyup="words_deal();"
/textarea
/body
/html
textarea?name="content"?id="content"?style="width:345px;height:120px;"/textareadiv?id="contentwordage"/div
script?type="text/javascript"
$(document).ready(function(){
var?limitNum?=?500;
var?pattern?=?'還可以輸入'?+?limitNum?+?'字符';
$('#contentwordage').html(pattern);
$('#content').keyup(
function(){
var?remain?=?$(this).val().length;
if(remain??500){
pattern?=?"字數(shù)超過限制!";
}else{
var?result?=?limitNum?-?remain;
pattern?=?'還可以輸入'?+?result?+?'字符';
}
$('#contentwordage').html(pattern);
}
);
});
/script
這個是判斷字符的,給你借鑒下。如果是判斷漢字,需要根據(jù)你網(wǎng)頁的編碼來計算。
如果是GBK\GB2312編碼,2個字節(jié)=1個漢字
如果是unicode\utf-8編碼,里面漢字是長度不是一定的,有的長、有的短,2~4=1個漢字
$(obj).on('input',function(){
$(this).val().length
})
input是h5新加的事件,可以支持復制的時候可以監(jiān)聽到
你也可以用change
input type="text" value="some text"/
$("input").val();
結果是:some text
至于判斷字數(shù)部分,你可以javascript來做就可以了
還有類似功能的2個函數(shù)
divpHello/p/div
$("div").html();
結果是:Hello
pbTest/b Paragraph./ppParaparagraph/p
$("p").text();
結果是:Test Paragraph.Paraparagraph
標題名稱:jquery字數(shù),jquery 字典
文章源于:http://chinadenli.net/article15/dsgdcgi.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、App設計、虛擬主機、定制開發(fā)、定制網(wǎng)站、網(wǎng)站設計
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)