[RePost] Client Validation in LoadFromContent

[Joan Vilariño]

Hello... you replied me that you were using MS Ajax in loadfromcontent, and that's why DataAnnotations validations didn't work with TabStrip.

Have you made any update on this? I really need to do client validations on "live" loaded content, as my form is very large and I don't want to preload ALL the form for tabs that won't be used.

Would it be too hard for you to changed loadfromcontent to use jQuery instead msAjax ?

Thanks

[Georgi Krustev]

Hello Joan Vilariño,

We are actually using jQuery to make an Ajax request to the server. The problem is caused by the inability of the client validation to update the MVC client validation metadata on the client. There is a workaround for this issue. For your convenience I have attached simple test project, which implements the aforementioned workaround.

Greetings,
Georgi Krustev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Joan Vilariño]

I've checked your application...

The workaround you mention is to include 3 script files:

<script type="text/javascript" src="<% = Url.Content("~/Scripts/MicrosoftAjax.js") %>"></script>
<script type="text/javascript" src="<% = Url.Content("~/Scripts/MicrosoftMvcValidation.js") %>"></script>
<script type="text/javascript" src="<% = Url.Content("~/Scripts/RemoteValidator.js") %>"></script>

and then add :

<script language="javascript">
    Sys.Mvc.FormContext._Application_Load();
</script>

at the bottom of the partial view to load... right?

When I do this I get an error

Error en tiempo de ejecución de Microsoft JScript: 'null' es nulo o no es un objeto (in english: runtime error, 'null' is null or not an object') at file MicrosoftMvcValidation.js at line 14 ... the code reads (formElement['__MVC_FormValidation'] = this;) << formElement is null....

Any suggestion??

[Joan Vilariño]

Forgot to mention... I found a difference in your application. Your application has the form inside the partial view, so it's inside the tabthat gets loaded, while in my application, the TabStrip object itself is enclosed inside one single form that spans all tabs... like this:

<form>
<% Html.Telerik().Tabstrip().Items(it=>it.Add().bleh bleh bleh; it.Add().bleh another one... .Render(); %>
</form>

Can this be the reason for the javascript error ?

Thanks!

[Bill]

Hi,
Did you ever get this resolved?

I'm getting a very similar issue trying to get the data grid to work using AJAX binding.
The error occurs for me in MicrosoftMvcValidation.js on the underlined line of code (5).

     this._errors = [];
    this.fields = new Array(0);
    this._formElement = formElement;
    this._validationSummaryElement = validationSummaryElement;
    formElement[Sys.Mvc.FormContext._formValidationTag] = this;
    if (validationSummaryElement) {
        var ulElements = validationSummaryElement.getElementsByTagName('ul');
        if (ulElements.length > 0) {
            this._validationSummaryULElement = ulElements[0];

[Joan Vilariño]

Hi Bill... sorry for the delay I wasn't tracking this post anymore.

I didn't have time to invest finding a solution for this, so I started a new approach and I'm validating my forms serverside with an ajax call.. If you want some help on that just make me know and I can toss a little code snippet into this thread.

Cheers

[Kevin]

Joan, 
Please provide the code snippet and any updates on this validation problem.

Thanks, 
Steve

[Henry]

Hi Georgi Krustev,

Your post is very useful, I just add below code in the partial view, it works fine. Thank you.

<script type="text/javascript">
    Sys.Mvc.FormContext._Application_Load();
</script>

 
Regards,
Henry

[Simar]

Adding in the Ready function did the job    
$(document).ready(function () {
            if (jQuery.validator !== undefined) {
                jQuery.validator.unobtrusive.parse('form');
            }
        });