欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

TextArea不支持maxlength的解決辦法(jquery)

 更新時(shí)間：2011年09月13日 20:32:07   作者：  
自己寫了一個(gè)jquery的擴(kuò)展，這樣就可以很容易實(shí)現(xiàn)對(duì)textarea控制最大長(zhǎng)度了。
用.net 控件久了，在給一個(gè)頁(yè)面的TextBox 增加控制長(zhǎng)度的控制時(shí)，簡(jiǎn)單的加了一個(gè)maxlength='xxx' 就行，可是測(cè)試確總是不過(guò)，原因是設(shè)置了多行模式，在這樣的情況下生成的html代碼就是textarea,同時(shí)maxlength屬性就沒有被增加上，因?yàn)镮E不支持textarea 的 maxlength屬性，于是，在firefox 6中測(cè)試，發(fā)現(xiàn)firefox是支持這個(gè)屬性的。那么就簡(jiǎn)單了。自己寫了一個(gè)jquery的擴(kuò)展，這樣就可以很容易實(shí)現(xiàn)對(duì)textarea控制最大長(zhǎng)度了。
擴(kuò)展代碼如下：
復(fù)制代碼 代碼如下:

(function($){
$.fn.textarealimit = function(settings) {
settings = jQuery.extend({
length:1000
}, settings);
maxLength =settings.length;
$(this).attr("maxlength",maxLength).bind("keydown",doKeydown).bind("keypress",doKeypress).bind("beforepaste",doBeforePaste).bind("paste",doPaste);
function doKeypress()
{
var oTR = document.selection.createRange()
if(oTR.text.length >= 1)
event.returnValue = true
else if(this.value.length > maxLength-1)
event.returnValue = false
}
function doKeydown()
{
var _obj=this;
setTimeout(function()
{
if(_obj.value.length > maxLength-1)
{
var oTR = window.document.selection.createRange()
oTR.moveStart("character", -1*(_obj.value.length-maxLength))
oTR.text = ""
}
},1)
}
function doBeforePaste()
{
event.returnValue = false
}
function doPaste()
{
event.returnValue = false
var oTR = document.selection.createRange()
var iInsertLength = maxLength - this.value.length + oTR.text.length
var sData = window.clipboardData.getData("Text").substr(0, iInsertLength)
oTR.text = sData;
}
}
})(jQuery);

以上只是針對(duì)IE控制了復(fù)制粘貼的控制以及輸入時(shí)控制，由于使用IE的特性，這些方法在firefox中是無(wú)效的。
調(diào)用代碼：
復(fù)制代碼 代碼如下:

$(document).ready(function() {
$("#ctl00_ZiiOContent_ucQuestionnaire_txtquestion4_2").textarealimit();
});

相關(guān)文章

最新評(píng)論