Spécifier la longueur maximale d'une zone de texte multiligne

Question

J'essaie d'utiliser asp :

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

Je veux un moyen de spécifier le maxlength mais apparemment, il n'y a aucun moyen pour qu'une propriété multiline textbox . J'ai essayé d'utiliser un peu de JavaScript pour le onkeypress événement :

onkeypress="return textboxMultilineMaxNumber(this,maxlength)"

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

Bien qu'elle fonctionne bien, le problème de cette fonction JavaScript est qu'après avoir écrit les caractères, elle ne vous permet pas de les supprimer ou de les remplacer, ce qui n'est pas souhaité.

Avez-vous une idée de ce que je pourrais changer dans le code ci-dessus pour éviter cela ou d'autres moyens de le contourner ?

Answer 1

Utilisez un validateur d'expressions régulières à la place. Cela fonctionnera du côté client en utilisant JavaScript, mais aussi lorsque JavaScript est désactivé (car la vérification de la longueur sera également effectuée sur le serveur).

L'exemple suivant vérifie que la valeur saisie est comprise entre 0 et 100 caractères :

<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>

Il existe bien sûr des expressions rationnelles plus complexes que vous pouvez utiliser pour mieux répondre à vos besoins.

Answer 2

Essayez ce 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;
}

Sur le contrôle, invoquez-le comme suit :

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

Vous pouvez aussi simplement utiliser la fonction checkSpecialKeys pour valider l'entrée dans votre implémentation javascript.

Answer 3

Faites votre choix :

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;
}

Appelez comme ça :

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

Answer 4

Il existe un étonnant jQuery SimpleMaxLength plugin

<asp:TextBox ID="txtSpotLightHeader" runat="server" TextMode="MultiLine" />
<script type="text/javascript">
     $(document).ready(function () {
         $("[id$='txtSpotLightHeader']").maxLength(100);
     });
</script>

Answer 5

Une autre façon de résoudre ce problème pour les navigateurs (Firefox, Chrome, Safari) qui prennent en charge la longueur maximale des zones de texte (HTML5) sans javascript est de créer une sous-classe de la classe System.Web.UI.WebControls.TextBox et de remplacer la méthode Render. Ensuite, dans cette méthode, ajoutez l'attribut maxlength avant d'effectuer le rendu comme d'habitude.

protected override void Render(HtmlTextWriter writer)
{
    if (this.TextMode == TextBoxMode.MultiLine
        && this.MaxLength > 0)
    {
        writer.AddAttribute(HtmlTextWriterAttribute.Maxlength, this.MaxLength.ToString());
    }

    base.Render(writer);
}