چرا فرمی که با Ajax به صفحه اضافه میشود JQuery Validation در آن کار نمیکند

بگذارید این مطلب رو با این مثال شروع کنیم که میخواهیم صفحه‌ای که در آن تگ Form قرار دارد را با Ajax در صفحه بارگذاری کنیم، این کار به خوبی انجام میشود ولی وقتی میخواهیم سمت Client فرم مورد نظر را اعتبار سنجی کنیم این کار انجام نمیشود.

دلیل آن این است زمانی که در اولین بار صفحه بارگذاری میشود (هنگامی فایل jquery.validate.js در آخر صفحه وجود داشته باشد) به صورت خودکار تمامی تگهای Form در صفحه به این تابع اضافه میشود.

حالا نکته اینجاست که وقتی فرمی که با Ajax بارگذاری میشود این عمل برای آن فرم انجام نمیشود در صورتی که کافیست که تکه کد زیر را بعد از Load کردن Form مورد نظر اضافه کنید تا فرم مورد نظر در سمت کاربر اعتبار سنجی شود.

 


$.ajax({
        type: "Get",
        url: "Your_View_URL",
        beforeSend: function () {
        },
        success: function (data) {
            $("#loginContent").html(data);
            $.validator.unobtrusive.parse($("#loginForm"));
        },
        complete: function () {
        },
        error: function (data) {
        }
    });

کلمات کلیدی: Ajax Form Jquery Validation

نظرات (۱)

برای نظر دادن کافیست وارد حساب کاربری خود شوید.