Chapter 11: Enabling Unobtrusive JavaScript Validation

xxAtrain223 · #1 (**permalink**) June 24th, 2014, 12:21 PM

I'm following along in the book, and I got the last Try It Out exercise in Chapter 11: Enabling Unobtrusive JavaScript Validation. I followed all the steps, at least I think so, but when I do step 10, 'testing step', and I click send, no validation code is run and the website throws an error because the empty email field got passed to the code behind.

I ran the source code that I downloaded for the book and it seems to work correctly. So I copied and pasted, one by one, all of the code that I thought was relevant for the current exercise, and of course changed the jquery version from 1.7.2(source website) to 2.1.1(my website). After trying each file, I still couldn't get the form to validate.

I discovered that the only way I can re-enable validation was to change:

Code:

<add key="ValidationSettings:UnobtrusiveValidationMode" value="WebForms"/>

back to:

Code:

<add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/>

Did an update break this functionality, or is it just likely I missed something?
Of course any help is appreciated.

Since I'm using that workaround, i'll just continue to the next chapter, but I would like to know what I did wrong. If I need to, I can give hastebin links for my code to be examined.

Imar · #2 (**permalink**) June 25th, 2014, 10:00 AM

Hi there,

You may have run into a know issue. Can you look into this thread and see if that fixes it for you?

Imar

xxAtrain223 · #3 (**permalink**) June 25th, 2014, 06:22 PM

I think you forgot to add a hyperlink, but I think you were going to say this thread.
Installing the package and adding it to the script manager did fix the issue

Thank You

Imar · #4 (**permalink**) June 25th, 2014, 10:56 PM

Ah, yes, I meant that thread indeed. I was at a conference and posting this reply in between presenting and attending a session so it was a bit rushed ;-)

Cheers,

Imar

trtyler · #5 (**permalink**) March 10th, 2016, 06:36 PM

I've advanced through Chapter 11 with a few problems which I was eventually able to resolve. The site works as described in "Beginning ASP.NET 4.5.1 in C# and VB". However, upon completing the final "Try It", and upon viewing the page source in the browser (both Google Chrome & IE 11.0) I noted the bloated HTML was still present. I ran the example for chapter 11, downloaded from the WROX web site, and all worked as it should, the bloated HTML was gone. I then coped each line from the downloaded chapter into my code: the bloated HTML remained. I checked the "WebForms" folder in the "Scripts" folder and all the files in the example for chapter 11 were also present in my sites "WebForms" folder.

The major difference between my Site and that described for the Book are:

I'm using Visual Studio 2013.
The jquery version I'm using is jquery-2.2.1 vs jquery-2.0.3

Because of these differences, is there something more I should be doing to get "unobtrusive javascript" to work (elimenate the bloated HTML)?