اعتبار سنجی با استفاده از jQuery و Mvc

اعتبار سنجی با استفاده از jQuery و Mvc

اعتبارسنجی مشتری jQuery

ASP.NET MVC از اعتبار سنجی سمت مشتری پشتیبانی می کند که بر اساس افزونه jQuery Validation پشتیبانی می شود. اعتبارسنجی سمت کاربر می تواند بطور مستقیم با استفاده از کتابخانه جاوا اسکریپت jQuery و بدون منابع  MVC ASP.NET انجام شود. افزونه jQuery Validation فرم قبل از ارسال فرم آن را تأیید می کند: اگر فرم معتبر نباشد ، ارسال نمی شود.

نکته مهم

اعتبار سنجی jQuery برای تأیید اعتبار نیاز به ویراستاران داده های ورودی شما در داخل عنصر <form> است.


ویرایشگران داده های DevExpress MVC از اعتبار سنجی سمت کاربر مبتنی بر jQuery پشتیبانی می کنند.

برای اجرای اعتبارسنجی ورودی کاربر در ویرایشگرهای داده DevExpress MVC ، مراحل زیر را انجام دهید.

• از جمله منابع JS

•  تنظیم ویژگی های اعتبار سنجی jQuery

• نمایش پیامهای خطای اعتبارسنجی

<script src="@Url.Content("~/Scripts/jquery-3.3.1.min.")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.")" type="text/javascript"></script>

<script src="~/Scripts/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>

<script type="text/javascript">
// <![CDATA[ 
    $().ready(function () {
        $("#validationForm").validate({
            rules: {
                FirstName: {
                    required: true,
                    maxlength: 10,
                    minlength: 3
                },
                ...
            }
            messages: {
                FirstName: {
                    required: "First name is required",
                    maxlength: "Too long",
                    minlength: "Too short" 
                },
                ...
            }
        });
    });
// ]]> 
</script>

<devExpress>
    <!-- ... -->
    <resources>
        <add type="ThirdParty" />
        <add type="DevExtreme" />
    </resources>
</devExpress>

<resources>
</resources>