توضیحات و دانلود

استفاده از Html.TextBoxFor در ایجاد TextBox رمز عبور در ASP.Net MVC
0 0
استفاده از Html.TextBoxFor در ایجاد TextBox رمز عبور در ASP.Net MVC

با سلام در این مقاله با مثال توضیح خواهیم داد که چگونه TextBox رمز عبور را با استفاده از Html.TextBoxFor در ASP.Net MVC Razor ایجاد کنید.
Html.TextBoxFor نمی تواند PasswordBox را ایجاد کند و از این رو تابع Html.PasswordFor Helper باید مورد استفاده قرار گیرد.
این مقاله همچنین توضیح می دهد که چگونه برای اعتبار سنجی Client Side برای Password TextBox از کلاس Model و Annotation Data در ASP.Net MVC Razor استفاده می شود.
پیکربندی بسته و فعال کردن اعتبار سنجی Client Side
توجه :

به طور پیش فرض اعتبار سنجی انجام شده با استفاده از ویژگی Annotation داده Server Side است. و از این رو برای ایجاد آن در Client Side، باید Client Side validation فعال باشد.
Model
کلاس Model زیر از دو ویژگی Password و ConfirmPassword تشکیل شده است . خواص با ویژگی های داده Annotation زیر برای انجام اعتبار سنجی قرار داده شده است .
1. الزامات اطلاعات مورد نظر .
هر دو پارامترها و خواص ConfirmPassword با ویژگی های الزامی مورد نیاز داده شده اعمال می شود. ویژگی Annotation مورد نیاز با ویژگی Error Message با مقدار رشته مشخص شده است. همانطور که از نام نشان می دهد، هنگامی که اعتبار مربوطه نتواند، این مقدار رشته به کاربر نمایش داده می شود.
2. مقایسه ویژگی داده Annotation .
ویژگی ConfirmPassword با ویژگی دیگری یعنی Compare Data Annotation attributeاضافه شده است . این دو پارامتر را قبول می کند، اولی نامی است که ارزش آن مقایسه می شود در حالی که دوم برای نشان دادن پیام خطا زمانی است که اعتبار سنج مقایسه نتواند انجام شود.

public class PersonModel
{
    [Required(ErrorMessage = "Password is required.")]
    public string Password { get; set; }
 
    [Required(ErrorMessage = "Confirmation Password is required.")]
    [Compare("Password", ErrorMessage = "Password and Confirmation Password must match.")]
    public string ConfirmPassword { get; set; }
}

Controller
Controller متشکل از دو روش  است .
روش دست زدن به عملیات GET
در داخل این روش  View بازگردانده می شود.
روش اداره عملیات POST
این روش عملیات POST را انجام می دهد و هنگامی که فرم ارسال می شود، شی کلاس PersonModel به این روش ارسال می شود.

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }
 
    [HttpPost]
    public ActionResult Index(PersonModel person)
    {
        return View();
    }
}

View
در داخل View، در خط اول، کلاس PersonModel به عنوان Model برای View اعلام می شود.
View شامل یک فرم HTML است که با استفاده از روش Html.BeginForm با پارامترهای زیر ایجاد شده است.
ActionName - نام اکشن در این مورد Index است.
ControllerName - نام Controller در این مورد خانه است.
FormMethod - این روش فرم را یعنی GET یا POST مشخص می کند. در این مورد به POST تنظیم خواهد شد.
درون View، دو توابع HTML Helper زیر استفاده می شوند:
1. Html.PasswordFor - ایجاد یک TextBox رمز عبور برای ویژگی Model.
2. Html.ValidationMessageFor - نمایش پیام Validation برای ویژگی .
همچنین دکمه Submit وجود دارد که هنگام کلیک، فرم ارسال می شود.
بسته های اسکریپت jQuery و jQuery Validation در انتهای Model با استفاده از تابع Scripts.Render رندر می شوند.

@model Email_Validation_MVC.Models.PersonModel
 
@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width"/>
    <title>Index</title>
    <style type="text/css">
        body {
            font-family: Arial;
            font-size: 10pt;
        }
        .error {
            color: red;
        }
    </style>
</head>
<body>
    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
        <table>
            <tr>
                <td>Password</td>
                <td>@Html.PasswordFor(m => m.Password)</td>
                <td>@Html.ValidationMessageFor(m => m.Password, "", new { @class = "error" })</td>
            </tr>
            <tr>
                <td>Confirm Password</td>
                <td>@Html.PasswordFor(m => m.ConfirmPassword)</td>
                <td>@Html.ValidationMessageFor(m => m.ConfirmPassword, "", new { @class = "error" })</td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="Submit"/></td>
                <td></td>
            </tr>
        </table>
    }
</body>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
</html>

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :