web-dev-qa-db-ja.com

かみそりエンジンを使用してビューにTextAreaForのmaxlengthを追加する方法

Razor Engineを使用して実装されたビューにTextArea（）コントロールがあります。

@Html.TextArea("EventNature",new { style = "width: 200px; height: 100px;" })

このコントロールのMaxlength属性を設定するにはどうすればよいですか？
RazorEngineに組み込みの属性はありますか、それともスクリプトを使用する必要がありますか？

htmlasp.net-mvcasp.net-mvc-3razor
14
Kamil

あなたはそれを次のように行うことができます：

@Html.TextArea("EventNature",new { maxlength=50, // or other value
                                  style = "width: 200px; height: 100px;" })

HTML5属性であることを知っておいてください

maxlengthHTML5
ユーザーが入力できる最大文字数（Unicodeコードポイント）。指定しない場合、ユーザーは無制限の文字数を入力できます。

[〜＃〜] mdn [〜＃〜]

HTML <5のJavaScript（jQueryを使用）検証：

$('#EventNature').keypress(function(){
    if (this.value.length >= 10) // allowing you to enter only 10 chars.
    return false;        
});​

[〜＃〜] demo [〜＃〜]

34
gdoron

これは、newに複数の匿名型があるTextAreaForヘルパーでも機能します

確認済みから正常に機能するVisual Studio 2015でMVC 5

@Html.TextAreaFor(model => model.Comments, 5, 500, new {maxlength=4000,  @class = "form-control" })
5
Tom Stickel

次のように、テキストボックスの長さを制限することもできます：

<textarea id="EventNature1" maxlength="10"></textarea>

        OR
@Html.TexareaFor(m=>m.Name,new{@maxlength="10"})
1
kavitha Reddy
<p>Customer Number: @Html.TextBox("SearchString1",null, new {maxlength = 6})
 <input type="submit" value="Filter" /></p>

上記は、入力できる最大文字数を制限するために私が働いた例です。 .Net環境を使用しているときに矢印を使用できることを示すヒントは非常に役立ちます。 （*注、これはテキストボックスのサイズを物理的に変更するものではありません）

"SearchString1" =文字列名----- null =オブジェクト値------ new {maxlength = 6} =オブジェクトhtmlAttributes

0
Jonathan