文本框文字個數輸入提示DEMO

時間 2019-11-18

標籤文本文字個數輸入提示 demo 简体版

原文原文鏈接

使用方法說明：
在須要判斷的時候觸發 T.doCheckLen('ti1', 'to1', 1, 50) 便可!

參數說明： T.doCheckLen('ti1', 'to1', 1, 50)
ti1 即須要捕捉的文本框文字的id
to1 即須要返回數字的id
1 1:提示文本框還能輸入多少個字 2:提示文本框已經輸入了多少個字
50 若是上面一個參數爲1,則能夠省略，不然填寫，你想控制的文字個數

以上參數只是示例，根據本身的須要，自行替換！

附源碼：格式貼進來就變了，自行調整一下吧，我也懶得調了html

<html>
<head>
<title>文本框文字輸入提示DEMO</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
//js Obj
var textLenObject = function(){
 var strTid = '';
 var strSid = '';
 var intLen = 0;ui

  //get Obj by id
  var getObj = function(id){
   return document.getElementByIdx_x_x_x_x_x_x(id);
  }spa

//get the area length
 var getValueLen = function(){
 var strArea = getObj(strTid).value;
 return getSLen(strArea);
 }

 //count len by string
 var getSLen = function len(s){
 var l = 0;
 var a = s.split("");

 for(var i=0;i<a.length;i++){
 if(a[i].charCodeAt(0)<299){
 l++;
 }else{
 l+=2;
 }
 }
 return l;
 }htm

  //show the msg
  var showMsg = function(intTemp){
   var objShow = getObj(strSid);
   objShow.innerHTML = intTemp;
  }ip

  //Process
  var doProcess = function(intOpe){
   var intSLen = getValueLen();
   var intRLen = 0;ci

intRLen = intOpe == 1 ? intLen - intSLen : intSLen;
 if(intRLen < 0) alert('不能再輸入任何文字!');
 else showMsg(intRLen);
 }

 return{
 doCheckLen:function(strIid1, strId2, intOpe, intTLen){
 strTid = strIid1;
 strSid = strId2;
 intLen = intTLen;
 doProcess(intOpe);
 },
 doTest:function(){
 alert('Current object is ok!');
 }
 }
};
var T = new textLenObject();
</script>
</head>
<body>
********************************************************************************* 
狀況一：提示文本框還能輸入多少個字 
<textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti1', 'to1', 1, 50);" id='ti1'></textarea> 
您還能夠輸入 50 個字 get

********************************************************************************* 
狀況二：提示文本框已經輸入了多少個字 
<textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti2', 'to2', 2);" id='ti2'></textarea> 
您已經輸入了 0 個字 
********************************************************************************* 
使用方法說明： 
在須要判斷的時候觸發 T.doCheckLen('ti1', 'to1', 1, 50) 便可!
 
參數說明：
T.doCheckLen('ti1', 'to1', 1, 50)
 ti1 即須要捕捉的文本框文字的id
 to1 即須要返回數字的id
 1 1:提示文本框還能輸入多少個字 2:提示文本框已經輸入了多少個字
 50 若是上面一個參數爲1,則能夠省略，不然填寫，你想控制的文字個數
 
以上參數只是示例，根據本身的須要，自行替換！
</body>
</html>源碼

  //get Obj by id
  var getObj = function(id){
   return document.getElementByIdx_x_x_x_x_x_x(id);
  }string

  //show the msg
  var showMsg = function(intTemp){
   var objShow = getObj(strSid);
   objShow.innerHTML = intTemp;
  }

  //Process
  var doProcess = function(intOpe){
   var intSLen = getValueLen();
   var intRLen = 0;

********************************************************************************* 狀況二：提示文本框已經輸入了多少個字 <textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti2', 'to2', 2);" id='ti2'></textarea> 您已經輸入了 0 個字 ********************************************************************************* 使用方法說明： 在須要判斷的時候觸發 T.doCheckLen('ti1', 'to1', 1, 50) 便可! 參數說明： T.doCheckLen('ti1', 'to1', 1, 50) ti1 即須要捕捉的文本框文字的id to1 即須要返回數字的id 1 1:提示文本框還能輸入多少個字 2:提示文本框已經輸入了多少個字 50 若是上面一個參數爲1,則能夠省略，不然填寫，你想控制的文字個數 以上參數只是示例，根據本身的須要，自行替換！ </body> </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。