最經(jīng)典的實(shí)現字符數控制的方案
當我們在A(yíng)SP.NET開(kāi)發(fā)時(shí)，經(jīng)常會(huì )遇到一個(gè)頭疼的問(wèn)題：字符數的控制
由于數據庫的字段長(cháng)度是固定的，因此在進(jìn)行字符輸入時(shí)，最關(guān)鍵的就是控制字符的個(gè)數不能超過(guò)字段的長(cháng)度，要不然，一個(gè)個(gè)異常會(huì )讓人瘋掉的。
對于單行文本框，不管是HTML控件還是Web控件，我們經(jīng)常會(huì )使用MaxLength來(lái)控制，但這種控制無(wú)法控制到中文字符，即MaxLength=50的控制，可以輸入50個(gè)英文與50個(gè)中文，這樣的話(huà)，還是會(huì )導致中文字符數的溢出。
對于多行文本框，那就更慘了，使用MaxLenth根本不起作用的。
下面提供的方案優(yōu)勢：
1)最佳的方法是在文本框中輸入時(shí)，控制到最大字數，超過(guò)時(shí)不能進(jìn)行輸入;
2)對于粘帖的情況也要能兼容，以前網(wǎng)上的方法不能控制到paste的情況;
3)對于最后的一個(gè)中文字符，寧愿舍去也不能多一個(gè)字符，比如50的字符數，在第49個(gè)時(shí)，最后輸入一個(gè)中文，會(huì )導致最終字數為51,而這種情況，推薦是不能輸入中文，保證最終的字符數<=50最佳，因為放棄一個(gè)中文字符總比數據庫報錯要好吧。
4)為了提高開(kāi)發(fā)效率，盡可能的減少代碼量,此方案不需要為文本框添加任何事件，而是由腳本塊自己解決，因此只需要把腳本塊飲包含到頁(yè)面中就可以了，這應該是相當方便了吧
完善版修改：由于前一個(gè)方案中，一些輸入法無(wú)法激活onpress事件，導致對于中文的不支持，現在采用onkeyup事件處理，在處理方式上也進(jìn)行了修改，原來(lái)的onpress事件是進(jìn)行輸入控制，而onkeyup只能對已經(jīng)輸入后的字數進(jìn)行字數判斷，過(guò)長(cháng)的進(jìn)行截短處理。
在原方案中，有位朋友指出：數據采用n(type)系統不會(huì )報錯，是的，如果采用n(type)的話(huà)，是以字符為基礎的，可以不考慮數據庫出錯的可能性，但同樣也存在一個(gè)界面顯示的問(wèn)題，比如界面上的Address值，希望是100個(gè)字符，如果不進(jìn)行中英文字數區分，最多將輸入100個(gè)中文，從而占200個(gè)字節空間，導致Adress在顯示時(shí)會(huì )超過(guò)預料的空間，界面搞得不易控制。因此，此方案還是有可取之處的。
具體新方案實(shí)現：
1)將以下的代碼包含到頁(yè)面中：
<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控件的例子，只要加一個(gè)length就可以了。
好了，大家可以體驗一下了哦：
http://www.cnblogs.com/Files/tintown/stringLenth3.rar (已經(jīng)修改復了“沒(méi)有length無(wú)法輸入的問(wèn)題”)
個(gè)人建議：1）可以把這個(gè)腳本塊放在js文件中，進(jìn)行引用即可
2）可以把腳本放在BasePage中，這樣每個(gè)頁(yè)面都可以使用了
3）可以使用這些腳本塊，開(kāi)發(fā)專(zhuān)門(mén)的服務(wù)器端控件，我沒(méi)有時(shí)間開(kāi)發(fā)，如果有朋友可以開(kāi)發(fā)了發(fā)布一下哦！
