Erstellen Sie Passwort-Feld ein @html.TextBoxFor

Model-Klasse

[Required(ErrorMessage = "Pass word is required")]
//[ValidatePasswordLength]
[DataType(DataType.Password)]
//[Display(Name = "Password")]
public string Password { get; set; }

Ansicht

<div class="editor-label">
@Html.LabelFor(model => model.Password)
</div>
<div class="editor-field">
@Html.TextBoxFor(model => model.Password, new {@class="form-control",placeholder="Password" })
@Html.ValidationMessageFor(model => model.Password)

</div>

Ich es gegoogelt.Ich fand die Verwendung @html.Editor statt @html.TextBoxFor aber ich habe um css anzuwenden für textbox .

Ich verwendet @Html.TextBoxFor(model => model.Password, new {@class="form-control",placeholder="Password" }) aber css wird nicht angewendet.
Wie kann ich das erreichen?

InformationsquelleAutor King_Fisher | 2015-03-29
  1. 29

    Wenn Ihr MVC-version neu genug ist, dann

    @Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})

    Sonst

    @Html.PasswordFor(model => model.Password, new {@class="form-control", placeholder="Password"})
    InformationsquelleAutor GSerg
  2. 13

    Können Sie immer noch @Html.TextBoxFor:

    @Html.TextBoxFor(model => model.Password, new {@class="form-control", placeholder="Password", @type = "password" })
    InformationsquelleAutor Tekdream
  3. 9

    Ich hab das gleiche problem auch schon und benutzt Sie den code unten, aber ich habe keine Ahnung warum es nicht funktioniert hat

    @Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})

    aber dann fand ich die Lösung, dass ist das hinzufügen von type ="password" in obigen code

    dann, der code ist jetzt 

    @Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password", Type="password"}})

    update
    Ich habe einen anderen Weg gefunden, dies zu beheben ist, das ist, fügen Sie einfach die Daten Anmerkung zum Password-Eigenschaft in LoginViewModel 

    [DataType(DataType.Password)]
public String Password { get; set; }

    und in der view-Seite nur geben Sie diesen code

        @Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})
    InformationsquelleAutor Nattachai Suteerapongpan
  4. 1

    Können Sie versuchen, mit html input type

    @Html.TextBoxFor(model => model.Password, new {@class="form-control", placeholder="Password", @type = "password" })
    InformationsquelleAutor Tejinder Singh
Schreibe einen Kommentar