如何爲多行TextBox設置maxlength？

Question

使用多行文本框（生成文本區域）設置時，MaxLength屬性不起作用。什麼是最好的解決方法？我想用最少的醜陋JavaScript獲得基本的，預期的功能等。只是防止用戶輸入超過最大數量的字符。

Answer 1

如果您想讓用戶知道他在寫入時是否超出了字符數量，則可以使用附加到keypress事件的JavaScript函數。這個函數將測試輸入的長度，並在達到最大值時取消字符渲染。

另一種選擇是使用RegularExpressionValidator控件驗證提交時的輸入。

在我看來，第一個選擇更好。

我沒有添加任何代碼，因爲谷歌充滿了各種口味的例子，這是一個非常普遍的任務。

Here您有一個示例搜索可能會有幫助。

Answer 2

嘿pukipuki你可以做如下：

<asp:TextBox ID="txtValue" runat="server"TextMode="MultiLine" Rows="10"Columns="50"></asp:TextBox> 

$(document).ready(function(){ 
var MaxLength = 250; 
$('#txtValue').keypress(function(e) 
{ 
    if ($(this).val().length >= MaxLength) 
{  
    e.preventDefault(); 
} 
});}); 

你可以看到更多在此以下鏈接： http://jquerybyexample.blogspot.in/2010/10/set-max-length-for-aspnet-multiline.html

Answer 3

如果您使用的是模型對象綁定到文本框，您可以使用DataAnnotations屬性設置該屬性的最大長度。我基於MVC，但它也適用於ASP.NET！

這樣你就不會亂用任何Javascript或設置任何標記。

Answer 4

如果你不關心舊的瀏覽器（見supported browsers here），
可以設置的MaxLength通常這樣

<asp:TextBox ID="txt1" runat="server" TextMode="MultiLine" MaxLength="100" /> 

，並迫使它打印出來的HTML

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    txt1.Attributes.Add("maxlength", txt1.MaxLength.ToString()); 
} 

Answer 5

試試這個......

Dim script As String = "" 

    script = script + " <script type='text/javascript'> function CheckLength(obj) {" 
    script = script + " var object = document.getElementById(obj);" 
    script = script + " if (object.value.length > 5) {" 
    script = script + "  object.focus();" 
    script = script + "  object.value = object.value.substring(0, 5); " 
    script = script + "  object.scrollTop = object.scrollHeight; " 
    script = script + "  return false;" 
    script = script + " }" 
    script = script + " return true;" 
    script = script + " }</script>" 


    Dim b As New TextBox() 
    b.ID = "btnSomeButton" 
    b.TextMode = TextBoxMode.MultiLine 
    Mypanel.Controls.Add(b) 
    b.Attributes.Add("onkeyup", "return CheckLength('" & b.ClientID & "');") 

    Page.ClientScript.RegisterStartupScript(Page.GetType(), "key", script, False) 

Answer 6

這裏是一個跨瀏覽器的解決方案：

<asp:TextBox TextMode="MultiLine" runat="server" ID="txtPurpose" Columns="50" Rows="2" onkeypress="return isokmaxlength(event,this,255);" ClientIDMode="static"></asp:TextBox> 

的Javascript：

function isokmaxlength(e,val,maxlengt) { 
    var charCode = (typeof e.which == "number") ? e.which : e.keyCode 

    if (!(charCode == 44 || charCode == 46 || charCode == 0 || charCode == 8 || (val.value.length < maxlengt))) { 
     return false; 
    } 
} 

你要想想複製和粘貼。這有點棘手，我只是用Jquery禁用它。但是您可以創建自己的功能來執行更復雜的驗證。但在我的情況下，不允許複製和粘貼。

Jquery的禁用複製和粘貼：//計算器：

jQuery(function ($) { 

    $("#txtPurpose").bind({ 
     paste: function (e) { 
      e.preventDefault(); 
     } 
    }); 

});