MVC Şifre Göster/Gizle Yapmak

Şifre girişlerinde bazen hangi karakteri yazdık veya yazmadık gibi karışıklıklar olabilir bunu engellemek için şifreyi gösteren bir işlem gerekir. Hadi bu işlemi gerçekleştirelim, öncelikle;

Modelimiz;

 public class Model
 {
     public int id { get; set; }
     public string Kullanici_Adi { get; set; }
     public string password { get; set; }
 }
HomeControllere bağlı index.html dosyamız
@model gostergizle.Models.Model
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="scripts/jquery-3.5.0.min.js"></script>
    <script type="text/javascript">
        function ShowHidePass(objChk) {
            if (objChk.checked)
                password.type = "text"
            else
                password.type = "password"
        }
    </script>
</head>
<body>
    <table >
        <tr>
            <td>Kullanıcı Adı:</td>
            <td>
                @Html.TextBoxFor(d => d.Kullanici_Adi)
            </td>
        </tr>

        <tr>
            <td>Şifre:</td>
            <td>
                @Html.PasswordFor(d => d.password)
                <input type="checkbox" onclick="ShowHidePass(this)" />Göster
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>
                <button type="submit">Giriş</button>
            </td>
        </tr>
   </table>
</body>
</html>
Sonuç;
Checkboxa tıklayınca sonuç;




Etiketler
Show Hide PassWord
Mesaj Yaz