Maximale Länge für mehrzeiliges Textfeld angeben

Ich versuche, asp:

<asp:TextBox ID="txtInput" runat="server" TextMode="MultiLine"></asp:TextBox>

Ich soll eine Methode zu geben, die maxlength Eigenschaft, aber anscheinend gibt es keine Art und Weise möglich, für einen multiline textbox. Ich habe versucht, verwenden Sie JavaScript für die onkeypress Veranstaltung:

onkeypress="return textboxMultilineMaxNumber(this,maxlength)"

function textboxMultilineMaxNumber(txt, maxLen) {
    try {
        if (txt.value.length > (maxLen - 1)) return false;
    } catch (e) { }
    return true;
}

Zwar wunderbar funktioniert, das problem mit diesem JavaScript-Funktion ist, dass nach dem schreiben Zeichen, die es nicht erlauben, zu löschen und ersetzen Sie jede von Ihnen, das Verhalten ist nicht erwünscht.

Hast du eine Idee, was könnte ich ändern im obigen code zu vermeiden, oder andere Wege, diesen zu umgehen?

InformationsquelleAutor der Frage Blerta | 2009-08-26

versuchen, dieses javascript:

function checkTextAreaMaxLength(textBox,e, length)
{

        var mLen = textBox["MaxLength"];
        if(null==mLen)
            mLen=length;

        var maxLength = parseInt(mLen);
        if(!checkSpecialKeys(e))
        {
         if(textBox.value.length > maxLength-1)
         {
            if(window.event)//IE
              e.returnValue = false;
            else//Firefox
                e.preventDefault();
         }
    }   
}
function checkSpecialKeys(e)
{
    if(e.keyCode !=8 && e.keyCode!=46 && e.keyCode!=37 && e.keyCode!=38 && e.keyCode!=39 && e.keyCode!=40)
        return false;
    else
        return true;
}

Auf dem control aufrufen wie diesem:

<asp:TextBox Rows="5" Columns="80" ID="txtCommentsForSearch" MaxLength='1999' onkeyDown="checkTextAreaMaxLength(this,event,'1999');"  TextMode="multiLine" runat="server"> </asp:TextBox>

Könnte man auch einfach verwenden Sie die checkSpecialKeys Funktion zu überprüfen die Eingabe auf Ihre javascript-Implementierung.

InformationsquelleAutor der Antwort Raúl Roa

72

Verwenden regular expression validator statt. Dies funktioniert auf der client-Seite mit JavaScript, aber auch, wenn JavaScript deaktiviert ist (wie die Länge der check wird auf dem server ausgeführt werden).

Das folgende Beispiel prüft, ob der eingegebene Wert zwischen 0 und 100 Zeichen lang:
```
<asp:RegularExpressionValidator runat="server" ID="valInput"
    ControlToValidate="txtInput"
    ValidationExpression="^[\s\S]{0,100}$"
    ErrorMessage="Please enter a maximum of 100 characters"
    Display="Dynamic">*</asp:RegularExpressionValidator>
```
Natürlich gibt es mehr komplexe regexs, die Sie verwenden können, um besser für Ihre Zwecke anpassen.

InformationsquelleAutor der Antwort Alex Angas

Roll your own:

function Count(text) 
{
    //asp.net textarea maxlength doesnt work; do it by hand
    var maxlength = 2000; //set your value here (or add a parm and pass it in)
    var object = document.getElementById(text.id)  //get your object
    if (object.value.length > maxlength) 
    {
        object.focus(); //set focus to prevent jumping
        object.value = text.value.substring(0, maxlength); //truncate the value
        object.scrollTop = object.scrollHeight; //scroll to the end to prevent jumping
        return false;
    }
    return true;
}

Rufen wie diese:

<asp:TextBox ID="foo" runat="server" Rows="3" TextMode="MultiLine" onKeyUp="javascript:Count(this);" onChange="javascript:Count(this);" ></asp:TextBox>

InformationsquelleAutor der Antwort scottyboiler

17

halten Sie es einfach. Die meisten modernen Browser unterstützen eine maxlength-Attribut auf einen text-Bereich (DH im Lieferumfang enthalten), so fügen Sie einfach das Attribut im code-behind. Kein JS, kein Jquery, kein Erbe, benutzerdefinierten code, keine Aufregung, kein muss.

VB.Net:
```
fld_description.attributes("maxlength") = 255
```
C#
```
fld_description.attributes["maxlength"] = 255
```
InformationsquelleAutor der Antwort Mike A.

verwenden Sie das benutzerdefinierte Attribut maxsize="100"

<asp:TextBox ID="txtAddress" runat="server"  maxsize="100"
      Columns="17" Rows="4" TextMode="MultiLine"></asp:TextBox>
   <script>
       $("textarea[maxsize]").each(function () {
         $(this).attr('maxlength', $(this).attr('maxsize'));
         $(this).removeAttr('maxsize'); 
       });
   </script>

dadurch wird dargestellt, wie diese

<textarea name="ctl00$BodyContentPlac
eHolder$txtAddress" rows="4" cols="17" id="txtAddress" maxlength="100"></textarea>

InformationsquelleAutor der Antwort Ashwini Jindal

3

Anderen Weg, dies zu beheben, für diese Browser (Firefox, Chrome, Safari) unterstützen maxlength auf Texteingabefelder (HTML5), ohne javascript ist das ableiten einer Unterklasse von System.Web.UI.WebControls.TextBox-Klasse und überschreiben Sie die Methode Render. Dann in der überschriebenen Methode fügen Sie das maxlength-Attribut vor dem Rendern als normal.
```
protected override void Render(HtmlTextWriter writer)
{
    if (this.TextMode == TextBoxMode.MultiLine
        && this.MaxLength > 0)
    {
        writer.AddAttribute(HtmlTextWriterAttribute.Maxlength, this.MaxLength.ToString());
    }

    base.Render(writer);
}
```
InformationsquelleAutor der Antwort Keith K
2
```
$('#txtInput').attr('maxLength', 100);
```
InformationsquelleAutor der Antwort malinois

Habe ich versucht, unterschiedliche Ansätze, aber jeder hatte einige schwache Punkte (also mit Ausschneiden und einfügen-oder browser-Kompatibilität). Dies ist die Lösung, die ich bin gerade jetzt mit:

function multilineTextBoxKeyUp(textBox, e, maxLength) {
    if (!checkSpecialKeys(e)) {
        var length = parseInt(maxLength);
        if (textBox.value.length > length) {
            textBox.value = textBox.value.substring(0, maxLength);
        }
    }
}

function multilineTextBoxKeyDown(textBox, e, maxLength) {
    var selectedText = document.selection.createRange().text;
    if (!checkSpecialKeys(e) && !e.ctrlKey && selectedText.length == 0) {
        var length = parseInt(maxLength);
        if (textBox.value.length > length - 1) {
            if (e.preventDefault) {
                e.preventDefault();
            }
            else {
                e.returnValue = false;
            }
        }
    }
}

function checkSpecialKeys(e) {
    if (e.keyCode != 8 && e.keyCode != 9 && e.keyCode != 33 && e.keyCode != 34 && e.keyCode != 35 && e.keyCode != 36 && e.keyCode != 37 && e.keyCode != 38 && e.keyCode != 39 && e.keyCode != 40) {
        return false;
    } else {
        return true;
    }
}

In diesem Fall, nenne ich multilineTextBoxKeyUp auf-Taste up-und multilineTextBoxKeyDown auf-Taste gedrückt:

myTextBox.Attributes.Add("onkeyDown", "multilineTextBoxKeyDown(this, event, '" + maxLength + "');");
myTextBox.Attributes.Add("onkeyUp", "multilineTextBoxKeyUp(this, event, '" + maxLength + "');");

InformationsquelleAutor der Antwort Sue Maurizio

1

Haben Sie einen Blick auf diese. Der einzige Weg, das zu lösen ist, indem javascript als du versucht hast.

EDIT:
Versuchen Sie, die Veranstaltung zu keypressup.

InformationsquelleAutor der Antwort Christian13467
1

Verwenden Sie HTML-textarea mit runat="server" Zugriff im server-Seite.
Diese Lösung hat weniger Schmerzen als die Verwendung von javascript oder regex.
```
<textarea runat="server" id="txt1" maxlength="100" />
```
Hinweis: Für den Zugriff Text Eigenschaft im server-Seite verwenden, sollten Sie txt1.Value statt txt1.Text

InformationsquelleAutor der Antwort Ali Gonabadi
1

Dinge haben sich geändert in HTML5:

ASPX:
```
<asp:TextBox ID="txtBox" runat="server" maxlength="2000" TextMode="MultiLine"></asp:TextBox>
```
C#:
```
if (!IsPostBack)
{
    txtBox.Attributes.Add("maxlength", txtBox.MaxLength.ToString());
}
```
Gerenderten HTML:
```
<textarea name="ctl00$DemoContentPlaceHolder$txtBox" id="txtBox" maxlength="2000"></textarea>
```
Metadaten für Attributes:

Zusammenfassung: Ruft die Auflistung von beliebigen Parametern (für die Darstellung nur), die nicht dem entsprechen Eigenschaften für das Steuerelement.

Zurück: Ein System.Web.UI.AttributeCollection name-Wert-Paare.

InformationsquelleAutor der Antwort Kristopher

Folgenden Beispiel in JavaScript/Jquery-tun wird, -

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
     function count(text, event) {

         var keyCode = event.keyCode;

         //THIS IS FOR CONTROL KEY
         var ctrlDown = event.ctrlKey;

         var maxlength = $("#<%=txtMEDaiSSOWebAddress1.ClientID%>").val().length;

         if (maxlength < 200) {
             event.returnValue = true;
         }
         else {

             if ((keyCode == 8) || (keyCode == 9) || (keyCode == 46) || (keyCode == 33) || (keyCode == 27) || (keyCode == 145) || (keyCode == 19) || (keyCode == 34) || (keyCode == 37) || (keyCode == 39) || (keyCode == 16) || (keyCode == 18) ||
                 (keyCode == 38) || (keyCode == 40) || (keyCode == 35) || (keyCode == 36) || (ctrlDown && keyCode == 88) || (ctrlDown && keyCode == 65) || (ctrlDown && keyCode == 67) || (ctrlDown && keyCode == 86)) 

                  {
                 event.returnValue = true;
                  }

             else {

                 event.returnValue = false;
             }
         }

     }

     function substr(text)
      {
          var txtWebAdd = $("#<%=txtMEDaiSSOWebAddress1.ClientID%>").val();
          var substrWebAdd;
          if (txtWebAdd.length > 200) 
          {                 
              substrWebAdd = txtWebAdd.substring(0, 200);                                  
              $("#<%=txtMEDaiSSOWebAddress1.ClientID%>").val('');
              $("#<%=txtMEDaiSSOWebAddress1.ClientID%>").val(substrWebAdd); 

          }
     }

InformationsquelleAutor der Antwort Nand kishor Kumar

Diesem snippet funktionierte in meinem Fall. Ich war auf der Suche nach der Lösung und dachte mir, dies zu schreiben, so dass es helfen kann, alle zukünftigen Leser.

ASP

<asp:TextBox ID="tbName" runat="server" MaxLength="250" TextMode="MultiLine" onkeyUp="return CheckMaxCount(this,event,250);"></asp:TextBox>

Java Script

function CheckMaxCount(txtBox,e, maxLength)
{
    if(txtBox)
    {  
        if(txtBox.value.length > maxLength)
        {
            txtBox.value = txtBox.value.substring(0, maxLength);
        }
        if(!checkSpecialKeys(e))
        {
            return ( txtBox.value.length <= maxLength)
        }
    }
}

function checkSpecialKeys(e)
{
    if(e.keyCode !=8 && e.keyCode!=46 && e.keyCode!=37 && e.keyCode!=38 && e.keyCode!=39 && e.keyCode!=40)
        return false;
    else
        return true;
}

@Raúl Roa Antwort hat für mich gearbeitet, im Falle von copy/paste. während Sie dies tut.

InformationsquelleAutor der Antwort Afnan Ahmad

$("textarea[maxlength]").on("keydown paste", function (evt) {
            if ($(this).val().length > $(this).prop("maxlength")) {
                if (evt.type == "paste") {
                    $(this).val($(this).val().substr(0, $(this).prop("maxlength")));
                } else {
                    if ([8, 37, 38, 39, 40, 46].indexOf(evt.keyCode) == -1) {
                        evt.returnValue = false;
                        evt.preventDefault();
                    }
                }
            }
        });

InformationsquelleAutor der Antwort Alex

0

Hier ist, wie wir es gemacht (hält den ganzen code in einem Ort):
```
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"/>
<% TextBox1.Attributes["maxlength"] = "1000"; %>
```
Nur für den Fall jemand noch webforms im Jahr 2018..

InformationsquelleAutor der Antwort Alex

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.