快捷導(dǎo)航

如何用javascript計算文本框還能輸入多少個字符

更新時間：2015年07月29日 17:25:04 作者：qhy1277

這篇文章主要介紹了如何使用javascript計算文本框還能輸入多少個字符,需要的朋友可以參考下

下面代碼超簡單，不多說了，直接上代碼。

//輸入計數(shù)

//count：能輸入的數(shù)據(jù)總量
  function Calculation(v, count) {
    var span = $(v).next();
    var valLength = $(v).val().length;
    if (valLength > count) {
      $(v).val($(v).val().substr(0, count));
      valLength = count;
    }
    span.text("您已輸入" + valLength + "字元,還剩下" + (count - valLength) + "字元");
  }

以上代碼用javascript計算文本框還能輸入多少個字符的全部代碼，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

詳解JavaScript中的自定義事件編寫
這篇文章主要介紹了JavaScript中的自定義事件編寫,自定義事件是在瀏覽器中編寫Web頁面操作功能的基本方式,需要的朋友可以參考下
2016-05-05
javascript創(chuàng)建和存儲cookie示例
javascript創(chuàng)建和存儲cookie,cookie是存儲于訪問者的計算機中的變量,下面看一下使用示例吧
2014-01-01
JavaScript基礎(chǔ)之運算符
這篇文章主要介紹了如何理解JavaScript中的運算符，幫助大家更好的學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
2021-11-11
盡可能寫"友好"的"Javascript"代碼
盡可能寫"友好"的"Javascript"代碼...
2007-01-01
Knockout text綁定DOM的使用方法
本文講解Knockout text綁定到DOM元素上，使得該元素顯示的文本值為你綁定的參數(shù)。該綁定在顯示<span>或者<em>上非常有用，可以用在任何元素上
2013-11-11
在JavaScript中操作時間之setYear()方法的使用
這篇文章主要介紹了在JavaScript中操作時間之setYear()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
基于javascipt-dom編程 table對象的使用
本篇文章小編為大家介紹，基于javascipt-dom編程 table對象的使用。需要的朋友參考下
2013-04-04
JavaScript學(xué)習(xí)筆記記錄我的旅程
JavaScript和Java沒有直接的關(guān)系，唯一的關(guān)系就是JavaScript原名LiveScript，后來吸取了Java的一些特性，升級為JavaScript，JavaScript有時被簡稱為JS
2012-05-05
JQueryDOM之樣式操作
這篇文章主要介紹了JQueryDOM之樣式操作，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
設(shè)計模式中的組合模式在JavaScript程序構(gòu)建中的使用
組合模式一般是將一系列類似的小對象組合成大的對象,由這個大對象提供接口來對里面的小對象進行操作,下買呢我們來詳細看一下設(shè)計模式中的組合模式在JavaScript程序構(gòu)建中的使用
2016-05-05