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

اعتبار سنجی (validation) Client Side با استفاده از ویژگی های Annotation و جی کوئری در ASP.Net MVC Razor
0 0
اعتبار سنجی (validation) Client Side با استفاده از ویژگی های Annotation و جی کوئری در ASP.Net MVC Razor

 در این مقاله با مثال توضیح خواهم داد که چگونه اعتبار سنجی Client Side را با استفاده از Attribute Annotation و جی کوئری در ASP.Net MVC Razor انجام دهیم.
اعتبار سنجی سمت مشتری با استفاده از کلاس  Model و ویژگی های Annotation داده می شود.

Model
کلاس Model زیر شامل یک فیلد name است که به آن مشخصه Annotation مورد نیاز داده شده است.

Annotation مورد نیاز داده شده با یک پیام Error Property با مقدار رشته مشخص شده است. هنگامی که اعتبار سنجی نتواند انجام شود، این مقدار رشته به کاربر نمایش داده می شود.

public class PersonModel
    {
        [Required(ErrorMessage = "Name is required.")]
        public string Name { getset; }
    }

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 به عنوان مدل برای نمایش اعلام می شود.
View شامل یک فرم HTML است که با استفاده از روش Html.BeginForm با پارامترهای زیر ایجاد شده است.
ActionName - نام اکشن در اینجا Index است.
ControllerName - نام کنترل کننده. در این مورد نام  Home است.
FormMethod - این روش فرم را یعنی GET یا POST مشخص می کند. در این مورد به POST تنظیم خواهد شد.
در داخل نمایش، سه تابع HTML Helper زیر استفاده می شود: -
1. Html.DisplayFor - نمایش نام  فیلدهای Model.
2. Html.TextBoxFor - ایجاد یک TextBox برای فیلدهای Model.
3. Html.ValidationMessageFor - نمایش پیام Validation برای اموال.
همچنین دکمه 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-familyArial;
            font-size10pt;
        }
        .error {
            colorred;
        }
    </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 استفاده کنید.

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