程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> 最經典的實現字符數控制的方案哦!(完善版)

最經典的實現字符數控制的方案哦!(完善版)

編輯:.NET實例教程

當我們在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>


2)在需要控制的控件上添加length="n"(n為要控制的字數)即可,如:
 

<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> 上面是Html控件與Web控件的例子,只要加一個length就可以了。

 好了,大家可以體驗一下了哦:http://www.cnblogs.com/Files/tintown/stringLenth3.rar (已經修改復了“沒有length無法輸入的問題”)

個人建議:1)可以把這個腳本塊放在JS文件中,進行引用即可
                2)可以把腳本放在BasePage中,這樣每個頁面都可以使用了
               3)可以使用這些腳本塊,開發專門的服務器端控件,我沒有時間開發,如果有朋友可以開發了發布一下哦! 
 
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved