2017-04-24 5 views
0

場合、私は、ユーザーが電話番号を入力したときにテキストボックスをフォーマットする@ Html.TextBoxForでbootstrap-formhelpersデータ形式を使用するにはどうすればよいですか?あなたがformhelpersため<a href="http://js.nicdn.de/bootstrap/formhelpers/docs/phone.html" rel="nofollow noreferrer">this bootstrap documentation</a>を見て

<input type="text" class="form-control bfh-phone" data-format="+1 (ddd) ddd-dddd" placeholder="Cell or Home Phone" required> 

を使用することができます。私は@Html.TextBoxForまたは@Html.EditorForを使って同じことをしたいと思います。どのように私はmvcでこれを達成するのですか?

<input type="text" class="form-control bfh-phone" data-format="+1 (ddd) ddd-dddd" value="@Model.PhoneNumber" placeholder="Cell or Home Phone" required> 

@Html.EditorFor(model => model.PhoneNumber, new { htmlAttributes = new { @class = "form-control bfh-phone", @placeholder = "Cell or Home Phone", @data-format="+1 (ddd) ddd-dddd" } }) 

object referenceかみそりの構文エラーを与えるどちらも:ここに私がしようとしているものです。これはどうですか? HTML属性を追加するobjectを受け入れEditorFor()のオーバーロードを使用する場合

答えて

3

、あなたはかみそりエンジンによって-(ハイフン)に変換されます_(アンダースコア)文字を使用する必要があります。ないdata-format = ".."

@Html.EditorFor(m => m.PhoneNumber, new { htmlAttributes = 
    new { @class = "..", placeholder = "..", data_format="+1 (ddd) ddd-dddd" } }) 

注意また、あなたが(その唯一の予約語のために必要)placeholderdata_formatのための主要@文字を必要としない、data_format = ".."を使用してください。