【聽棠】最經典的實現字元數控制的方案
最經典的實現字元數控制的方案
當我們在ASP.NET開發時，經常會遇到一個頭疼的問題：字元數的控制
由於資料庫的欄位長度是固定的，因此在進行字元輸入時，最關鍵的就是控制字元的個數不能超過欄位的長度，要不然，一個個異常會讓人瘋掉的。
對於單行文字框，不管是HTML控制元件還是Web控制元件，我們經常會使用MaxLength來控制，但這種控制無法控制到中文字元，即MaxLength=50的控制，可以輸入50個英文與50箇中文，這樣的話，還是會導致中文字元數的溢位。
對於多行文字框，那就更慘了，使用MaxLenth根本不起作用的。
下面提供的方案優勢：
1)最佳的方法是在文字框中輸入時，控制到最大字數，超過時不能進行輸入;
2)對於粘帖的情況也要能相容，以前網上的方法不能控制到paste的情況;
3)對於最後的一箇中文字元，寧願捨去也不能多一個字元，比如50的字元數，在第49個時，最後輸入一箇中文，會導致最終字數為51,而這種情況，推薦是不能輸入中文，保證最終的字元數<=50最佳，因為放棄一箇中文字元總比資料庫報錯要好吧。
4)為了提高開發效率，儘可能的減少程式碼量,此方案不需要為文字框新增任何事件，而是由指令碼塊自己解決，因此只需要把指令碼塊飲包含到頁面中就可以了，這應該是相當方便了吧
完善版修改：由於前一個方案中，一些輸入法無法啟用onpress事件，導致對於中文的不支援，現在採用onkeyup事件處理，在處理方式上也進行了修改，原來的onpress事件是進行輸入控制，而onkeyup只能對已經輸入後的字數進行字數判斷，過長的進行截短處理。
在原方案中，有位朋友指出：資料採用n(type)系統不會報錯，是的，如果採用n(type)的話，是以字元為基礎的，可以不考慮資料庫出錯的可能性，但同樣也存在一個介面顯示的問題，比如介面上的Address值，希望是100個字元，如果不進行中英文字數區分，最多將輸入100箇中文，從而佔200 個位元組空間，導致Adress在顯示時會超過預料的空間，介面搞得不易控制。因此，此方案還是有可取之處的。
具體新方案實現：
1)將以下的程式碼包含到頁面中：
<script language="javascript"> <!-- String.prototype.len=function(){ return this.replace(/[^\x00-\xff]/g,"**").length; } //Set maxlength for multiline TextBox function setMaxLength(object,length) { var result = true; var controlid = document.selection.createRange().parentElement().id; var controlValue = document.selection.createRange().text; var tempString=object.value; var tt=""; for(var i=0;i<length;i++) { if(tt.len()<length) tt=tempString.substr(0,i+1); else break; } if(tt.len()>length) tt=tt.substr(0,tt.length-1); object.value=tt; } //Check maxlength for multiline TextBox when paste function limitPaste(object,length) { var tempLength = 0; if(document.selection) { if(document.selection.createRange().parentElement().id == object.id) { tempLength = document.selection.createRange().text.len(); } } var tempValue = window.clipboardData.getData("Text"); tempLength = object.value.len() + tempValue.len() - tempLength; if (tempLength > length) { tempLength -= length; var tt=""; for(var i=0;i<tempValue.len()-tempLength;i++) { if(tt.len()<(tempValue.len()-tempLength)) tt=tempValue.substr(0,i+1); else break; } if(tt.len()<=0) { window.event.returnValue=false; } else { tempValue=tt; window.clipboardData.setData("Text", tempValue); window.event.returnValue = true; } } } function PressLength() { if(event.srcElement.type=="text" || event.srcElement.type=="textarea" ) { if(event.srcElement.length!=null) setMaxLength(event.srcElement,event.srcElement.length); } } function LimitLength() { if(event.srcElement.type=="text" || event.srcElement.type=="textarea" ) { if(event.srcElement.length!=null) limitPaste(event.srcElement,event.srcElement.length); } } document.documentElement.attachEvent('onkeyup', PressLength); document.documentElement.attachEvent('onpaste', LimitLength); //--> script> <INPUT type="text" length="3"> <TEXTAREA length="20" rows="2" cols="20">TEXTAREA> <asp:TextBox id="TextBox1" runat="server" length="7">asp:TextBox> <asp:TextBox id="TextBox2" runat="server" TextMode="MultiLine" length="10">asp:TextBox> 最經典的實現字元數控制的方案
當我們在ASP.NET開發時，經常會遇到一個頭疼的問題：字元數的控制
由於資料庫的欄位長度是固定的，因此在進行字元輸入時，最關鍵的就是控制字元的個數不能超過欄位的長度，要不然，一個個異常會讓人瘋掉的。
對於單行文字框，不管是HTML控制元件還是Web控制元件，我們經常會使用MaxLength來控制，但這種控制無法控制到中文字元，即MaxLength=50的控制，可以輸入50個英文與50箇中文，這樣的話，還是會導致中文字元數的溢位。
對於多行文字框，那就更慘了，使用MaxLenth根本不起作用的。
下面提供的方案優勢：
1)最佳的方法是在文字框中輸入時，控制到最大字數，超過時不能進行輸入;
2)對於粘帖的情況也要能相容，以前網上的方法不能控制到paste的情況;
3)對於最後的一箇中文字元，寧願捨去也不能多一個字元，比如50的字元數，在第49個時，最後輸入一箇中文，會導致最終字數為51,而這種情況，推薦是不能輸入中文，保證最終的字元數<=50最佳，因為放棄一箇中文字元總比資料庫報錯要好吧。
4)為了提高開發效率，儘可能的減少程式碼量,此方案不需要為文字框新增任何事件，而是由指令碼塊自己解決，因此只需要把指令碼塊飲包含到頁面中就可以了，這應該是相當方便了吧
完善版修改：由於前一個方案中，一些輸入法無法啟用onpress事件，導致對於中文的不支援，現在採用onkeyup事件處理，在處理方式上也進行了修改，原來的onpress事件是進行輸入控制，而onkeyup只能對已經輸入後的字數進行字數判斷，過長的進行截短處理。
在原方案中，有位朋友指出：資料採用n(type)系統不會報錯，是的，如果採用n(type)的話，是以字元為基礎的，可以不考慮資料庫出錯的可能性，但同樣也存在一個介面顯示的問題，比如介面上的Address值，希望是100個字元，如果不進行中英文字數區分，最多將輸入100箇中文，從而佔200 個位元組空間，導致Adress在顯示時會超過預料的空間，介面搞得不易控制。因此，此方案還是有可取之處的。
具體新方案實現：
1)將以下的程式碼包含到頁面中：
<script language="javascript"> <!-- String.prototype.len=function(){ return this.replace(/[^\x00-\xff]/g,"**").length; } //Set maxlength for multiline TextBox function setMaxLength(object,length) { var result = true; var controlid = document.selection.createRange().parentElement().id; var controlValue = document.selection.createRange().text; var tempString=object.value; var tt=""; for(var i=0;i<length;i++) { if(tt.len()<length) tt=tempString.substr(0,i+1); else break; } if(tt.len()>length) tt=tt.substr(0,tt.length-1); object.value=tt; } //Check maxlength for multiline TextBox when paste function limitPaste(object,length) { var tempLength = 0; if(document.selection) { if(document.selection.createRange().parentElement().id == object.id) { tempLength = document.selection.createRange().text.len(); } } var tempValue = window.clipboardData.getData("Text"); tempLength = object.value.len() + tempValue.len() - tempLength; if (tempLength > length) { tempLength -= length; var tt=""; for(var i=0;i<tempValue.len()-tempLength;i++) { if(tt.len()<(tempValue.len()-tempLength)) tt=tempValue.substr(0,i+1); else break; } if(tt.len()<=0) { window.event.returnValue=false; } else { tempValue=tt; window.clipboardData.setData("Text", tempValue); window.event.returnValue = true; } } } function PressLength() { if(event.srcElement.type=="text" || event.srcElement.type=="textarea" ) { if(event.srcElement.length!=null) setMaxLength(event.srcElement,event.srcElement.length); } } function LimitLength() { if(event.srcElement.type=="text" || event.srcElement.type=="textarea" ) { if(event.srcElement.length!=null) limitPaste(event.srcElement,event.srcElement.length); } } document.documentElement.attachEvent('onkeyup', PressLength); document.documentElement.attachEvent('onpaste', LimitLength); //--> script> <INPUT type="text" length="3"> <TEXTAREA length="20" rows="2" cols="20">TEXTAREA> <asp:TextBox id="TextBox1" runat="server" length="7">asp:TextBox> <asp:TextBox id="TextBox2" runat="server" TextMode="MultiLine" length="10">asp:TextBox> 來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-343248/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- 實現累加的經典sql方法SQL
- 最經典的黑客入門教程黑客
- css 最經典的按鈕樣式CSS
- 23個經典設計模式的Swift實現設計模式Swift
- 經典演算法之基數排序兩種實現演算法排序
- linux下多定時器的實現（經典）Linux定時器
- C#socket通訊兩個最經典錯誤解決方案C#
- Java實現在控制終端顯示的字元進度條Java字元
- 機器學習10種經典演算法的Python實現機器學習演算法Python
- 經典排序演算法的 C語言 | Java 實現排序演算法C語言Java
- 就是要你懂TCP–最經典的TCP效能問題TCP
- JavaScript實現經典排序演算法JavaScript排序演算法
- 經典排序演算法PHP實現排序演算法PHP
- 【經典】連線oracle的總結（關於tnsname和監聽）Oracle
- leetcode無重複字元的最長字串 python實現LeetCode字元字串Python
- 關於機器學習和AI的區別最經典的解釋機器學習AI
- Java經典例項：按字元顛倒字串Java字元字串
- RH9下最簡單的WebMail的實現方案(轉)WebAI
- Delphi7企業原版_史上最經典的delphi 版本
- 十大經典排序演算法最強總結（含JAVA程式碼實現）排序演算法Java
- js實現的用指定字元每隔指定位數分割字串JS字元字串
- 思科路由器密碼恢復的經典方案路由器密碼
- ASCII 中的控制字元ASCII字元
- 用 PHP 實現經典排序演算法PHP排序演算法
- 經典排序演算法及其 Java 實現排序演算法Java
- git常用命令（史上最經典）Git
- 《骷髏騎士：重製版》如何實現經典原作的初衷？
- 小白的經典CNN復現（三）：AlexNetCNN
- JavaScript閉包與變數的經典問題JavaScript變數
- EditText監聽方法，實時的判斷輸入多少字元字元
- Java 經典例項： Unicode字元和String之間的轉換JavaUnicode字元
- 七道最經典的asp.net頁面傳值題ASP.NET
- 列舉電子遊戲史上最經典的5句臺詞遊戲
- 新手看招：最經典的駭客技術入門知識(轉)
- JavaScript統計字元出現的次數JavaScript字元
- Dictionary計算字元出現的次數字元
- Swift實現八種經典排序演算法Swift排序演算法
- 經典n皇后問題java程式碼實現Java