国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

文本框的字數限制功能jquery插件

2019-11-21 00:58:08
字體:
來源:轉載
供稿:網友
后來在網上閑逛的時候突然發現一個比較好的文本框的字數限制的jquery plugin,簡單好用
效果如下圖

復制代碼 代碼如下:

<!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>
<title>關于文本框的字數限制功能</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="maxlength.js"></script>
</head>
<body>
<p>Enter your hobbies (<50 characters)</p>
<textarea style="width:300px; height:150px" data-maxsize="50" data-output="status1" wrap="virtual"></textarea><br />
<div id="status1" style="width:300px;font-weight:bold;text-align:right"></div><br />
<p>Enter your postal code (<6 characters)</p>
<input type="text" name="T1" size="15" data-maxsize="6">
</body>
</html>

屬性解釋:

data-maxsize:該文本域能夠接受的最大字數.(important)
data-output:如果想實時動態顯示文本框里的字數,該屬性設置顯示字數的span或div的id.(字數顯示的顏色會隨著數量變化)
如果不修改它的源文件的話,加添了js引用后,你只需要給自己的text或者textarea加上data-maxsize屬性就可以了。
關于動態設置最大值
使用setformfieldsize方法:
setformfieldsize($field, maxsize, outputfieldid)
屬性解釋:
$field:就是被限制的文本框的JQuery對象(參考Jquery文檔).
maxsize:和data-maxsize一樣,該文本域能夠接受的最大字數.
outputfieldid:和data-output一樣.
例子:
復制代碼 代碼如下:

<script type="text/javascript">
//jQuery(document).ready(function($){ //fire on DOM ready
setformfieldsize(jQuery('#comment'), 50, 'charsremain')
//});
</script>

在界面加載時執行.
演示代碼下載http://xiazai.VeVB.COm/200911/yuanma/textarea_maxlength.rar
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 朝阳区| 石景山区| 怀宁县| 五莲县| 揭阳市| 天台县| 漳平市| 濉溪县| 汤阴县| 隆林| 蓬莱市| 聂拉木县| 淮阳县| 疏附县| 黔南| 萨嘎县| 蕉岭县| 林州市| 宁强县| 东兰县| 建平县| 通渭县| 南郑县| 肃宁县| 即墨市| 称多县| 邳州市| 紫金县| 镇原县| 高清| 瓮安县| 北安市| 台东市| 囊谦县| 麻城市| 桦川县| 杨浦区| 华容县| 德保县| 五指山市| 西昌市|