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

اضافه کردن کلاس CSS (Styles) در روش Html.ValidationMessageFor با ASP.Net MVC
0 0
اضافه کردن کلاس CSS (Styles) در روش Html.ValidationMessageFor با ASP.Net MVC

با سلام در این مقاله، با یک مثال، نحوه اضافه کردن CSS Class (Styles) در روش Html.ValidationMessageFor Helper در ASP.Net MVC Razor توضیح خواهیم داد.
روش Html.ValidationMessageFor Helper دارای یک پارامتر به نام htmlAttributes است که برای اضافه کردن CSS Class (Styles) به پیام اعتبار سنجی نمایش داده شده استفاده می شود.
توجه :

به طور پیش فرض اعتبار سنجی انجام شده با استفاده ازویژگی Data Annotation در Server Side است. و از این رو برای ایجاد آن در Client Side باید Client Side validation فعال باشد.
Model
کلاس Model زیر شامل یک ویژگی است که به آن مشخصه Annotation مورد نیاز داده شده است.
همانطور که MSDN در ، Data Annotation ویژگی MVC باعث ارائه هر دو چک های اعتبار سنجی مشتری و سرور بدون هیچ گونه برنامه نویسی اضافی مورد نیاز شما. Data Annotation  میتواند در Entity Data Model (EDM) و LINQ در SQL, و دیگر data model استفاده کرد.
Annotation مورد نیاز داده شده با یک پیام Error Property با مقدار رشته مشخص شده است. همانطور که از نام مشخص است ، هنگامی که اعتبار سنجی انجام نشود، این مقدار رشته به کاربر نمایش داده می شود.

public class PersonModel
{
    [Required(ErrorMessage = "Name is required.")]
    public string Name { 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.DisplayFor - نمایش نام ویژگی Model.
2. Html.TextBoxFor - ایجاد یک TextBox برای ویژگی Model.
3. Html.ValidationMessageFor - نمایش پیام Validation برایویژگی ها. این سه پارامتر را قبول می کند، ابتدا ویژگی Model است، دوم پیام خطا است که خالی است زیرا پیام خطا ازModel نمایش داده می شود در حالی که قسمت سوم پارامتر htmlAttributes است که برای اضافه کردن کلاس CSS استفاده می شود.
همچنین دکمه Submit وجود دارد که هنگام کلیک، فرم ارسال می شود.
بسته های اسکریپت jQuery و jQuery Validation در انتهای مدل با استفاده از تابع Scripts.Render رندر می شوند.

@model TextBox_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>@Html.DisplayFor(m => m.Name)</td>
                <td>@Html.TextBoxFor(m => m.Name)</td>
                <td>@Html.ValidationMessageFor(m => m.Name, "", 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 استفاده کنید.

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