jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)實(shí)現(xiàn)代碼
更新時(shí)間:2012年12月24日 08:57:41 作者:
jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù),本文將介紹如何實(shí)現(xiàn)這個(gè)功能,需要了解的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function words_deal()
{
var curLength=$("#TextArea1").val().length;
if(curLength>5)
{
var num=$("#TextArea1").val().substr(0,5);
$("#TextArea1").val(num);
alert("超過字?jǐn)?shù)限制,多出的字將被截?cái)啵? );
}
else
{
$("#textCount").text(5-$("#TextArea1").val().length);
}
}
</script>
</head>
<body>
剩余<span id="textCount">5</span>個(gè)字<br />
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea>
</body>
</html>
您可能感興趣的文章:
- 基于jQuery實(shí)現(xiàn)仿微博發(fā)布框字?jǐn)?shù)提示
- jQuery計(jì)算文本框字?jǐn)?shù)及限制文本框字?jǐn)?shù)的方法
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- jQuery計(jì)算textarea中文字?jǐn)?shù)(剩余個(gè)數(shù))的小程序
- 基于jQuery的計(jì)算文本框字?jǐn)?shù)的代碼
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識(shí)別)
- 基于jquery的inputlimiter 實(shí)現(xiàn)字?jǐn)?shù)限制功能
- jQuery maxlength文本字?jǐn)?shù)限制插件
- JQuery 表單中textarea字?jǐn)?shù)限制實(shí)現(xiàn)代碼
- 文本框的字?jǐn)?shù)限制功能jquery插件
- 基于JQuery的數(shù)字改變的動(dòng)畫效果--可用來做計(jì)數(shù)器
- jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能示例
相關(guān)文章
jquery.onoff實(shí)現(xiàn)簡(jiǎn)單的開關(guān)按鈕功能(推薦)
這篇文章主要介紹了jquery.onoff實(shí)現(xiàn)簡(jiǎn)單的開關(guān)按鈕功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05jquery 學(xué)習(xí)筆記 傳智博客佟老師附詳細(xì)注釋
本人水平有限,在學(xué)習(xí)時(shí)請(qǐng)用批判的態(tài)度學(xué)習(xí),有問題給我留言 傳智博客佟老師 jqurey 學(xué)習(xí)筆記,以及例子代碼詳細(xì)注釋。2009-07-07jquery 表單進(jìn)行客戶端驗(yàn)證demo
用jquery對(duì)表單進(jìn)行客戶端驗(yàn)證demo ,學(xué)習(xí)jquery的朋友可以參考下。2009-08-08jQuery 滑動(dòng)方法slideDown向下滑動(dòng)元素
通過 jQuery,您可以在元素上創(chuàng)建滑動(dòng)效果,jQuery slideDown() 方法用于向下滑動(dòng)元素,下為大家介紹下其參數(shù)含義2014-01-01jquery使用$(element).is()來判斷獲取的tagName
這篇文章主要介紹了jquery使用$(element).is()來判斷獲取的tagName以及將取到標(biāo)簽用作到別的地方,需要的朋友可以參考下2014-08-08jQuery事件_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery事件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07jquery中trigger()無法觸發(fā)hover事件的解決方法
jquery中trigger() 方法觸發(fā)被選元素的指定事件類型了,但有使用過程中會(huì)碰到一些問題了,下面我們一起來看看jQuery中trigger()觸發(fā)hover事件疑問,希望對(duì)各位有幫助。2015-05-05