欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js統(tǒng)計錄入文本框中字符的個數并加以限制不超過多少

 更新時間:2014年05月23日 09:28:38   作者:  
為了更直觀的體現用戶在文本框輸入文本時能看到自己輸入了多少字,并且有些特殊的要求字數不超過多少,本文給出了具體的實現
有些需求是為了更直觀的體現用戶在文本框輸入文本時能看到自己輸入了多少字,并且有些特殊的要求字數不超過多少,下面是實現:
復制代碼 代碼如下:

<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function tjzs(){
var count = $("#nr").val().length;
if(count>10){
var nr = $("#nr").val().substring(0,10);
$("#nr").val(nr);
count=10;
}
$("#zs").val(count);
}
</script>
</head>
<body>
<div style="72px;width:202px;" >
<textarea id="nr" style="height:70px;width:200px;" onkeyup="tjzs()" onpropertychange="if (value.length>10) value=value.substring(0,10)"></textarea>
字數限制:<input type="text" id="zs" value="0" lang="4"/>0/10
</div>
</body>
</html>

相關文章

  • ES6中Set與WeakSet集合的深入講解

    ES6中Set與WeakSet集合的深入講解

    這篇文章主要給大家介紹了關于ES6中Set與WeakSet集合的相關資料,Set是ES6給開發(fā)者帶來的一種新的數據結構,你可以理解為值的集合,WeakSet結構同樣不會存儲重復的值,但它的成員必須是對象類型的值,需要的朋友可以參考下
    2021-07-07
  • 簡單的兩種Extjs formpanel加載數據的方式

    簡單的兩種Extjs formpanel加載數據的方式

    這篇文章介紹了兩種Extjs formpanel加載數據的方式,有需要的朋友可以參考一下
    2013-11-11
  • Ajax異步提交表單數據的說明及方法實例

    Ajax異步提交表單數據的說明及方法實例

    Ajax異步提交表單數據的說明及方法實例,需要的朋友可以參考一下
    2013-06-06
  • js函數和this用法實例分析

    js函數和this用法實例分析

    這篇文章主要介紹了js函數和this用法,結合實例形式分析了js函數和this基本功能、原理、使用方法與操作注意事項,需要的朋友可以參考下
    2020-03-03
  • Javascript 實現圖片無縫滾動

    Javascript 實現圖片無縫滾動

    這篇文章主要介紹了Javascript 實現圖片無縫滾動的相關資料,需要的朋友可以參考下
    2014-12-12
  • ts封裝axios最佳實踐示例詳解

    ts封裝axios最佳實踐示例詳解

    這篇文章主要為大家介紹了ts封裝axios最佳實踐示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • js簡單實現豎向tab選項卡的方法

    js簡單實現豎向tab選項卡的方法

    這篇文章主要介紹了js簡單實現豎向tab選項卡的方法,涉及javascript實現tab切換效果的相關技巧,非常簡單實用,需要的朋友可以參考下
    2015-05-05
  • JavaScript代碼簡單實現求楊輝三角給定行的最大值

    JavaScript代碼簡單實現求楊輝三角給定行的最大值

    求楊輝三角給定行的最大值的的方法或許有很多,下面使用js代碼簡單實現下,感興趣的朋友可以參考下
    2013-10-10
  • js倒計時搶購實例

    js倒計時搶購實例

    這篇文章主要介紹了js倒計時簡單實現方法,方便一些提示重要日期的來臨,本實例特別適合用于商品倒計時搶購活動,感興趣的小伙伴們可以參考一下
    2015-12-12
  • javascript prototype的深度探索不是原型繼承那么簡單

    javascript prototype的深度探索不是原型繼承那么簡單

    JavaScript中對象的prototype屬性,可以返回對象類型原型的引用。這是一個相當拗口的解釋,要理解它,先要正確理解對象類型(Type)以及原型(prototype)的概念。
    2008-06-06

最新評論