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

استفاده از Data Annotations در کاراکتر های اعتبار سنجی AlphaNumeric TextBox با ASP.Net MVC
0 0
استفاده از Data Annotations در کاراکتر های اعتبار سنجی AlphaNumeric TextBox با ASP.Net MVC

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

به طور پیش فرض اعتبار سنجی انجام شده با استفاده از ویزگی Server Side Data Annotations است. و از این رو برای ایجاد آن در Client Side، باید  Validation Side Client فعال باشد.
Model
کلاس Model زیر شامل یک ویژگی PropertyName می باشد که برای آن ویژگیهای اعتبارسنج Data Annotations استفاده شده است.
1. الزامات اطلاعات مورد نظر .
2. مشخصه علامت گذاری RegularExpression Data.
ویژگی RegularExpression Data Annotation عبارت Regular Expression را به عنوان پارامتر اول قبول می کند. عبارات منظم اجازه می دهد تنها موارد بالا و حروف کوچک و عدد مورد نیاز باشد.
Annotation مورد نیاز داده ها و ویژگی های RegularExpression Data Annotation را با یک پیام Error Message با مقدار رشته مشخص میکند . همانطور که از نام مشخص است ، هنگامی که اعتبار مربوطه نتواند، این مقدار رشته به کاربر نمایش داده می شود.

public class PersonModel
{
    [Display(Name = "Username")]
    [Required(ErrorMessage = "Username is required.")]
    [RegularExpression("^[a-zA-Z0-9]*$", ErrorMessage = "Only Alphabets and Numbers allowed.")]
    public string UserName { 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.LabelFor - نمایش نام ویژگی Model .
2.
Html.TextBoxFor - ایجاد یک TextBox برای ویژگی Model.
3. Html.ValidationMessageFor - نمایش پیام Validation برای ویژگی ها.
همچنین دکمه Submit وجود دارد که هنگام کلیک، فرم ارسال می شود.
بسته های اسکریپت jQuery و jQuery Validation در انتهای Model با استفاده از تابع Scripts.Render رندر می شوند.

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

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