How to use Resources.resx in jQuery Validation Plugin

Question

I would like to validate some form with jQuery Validation Plugin. Everything wortks fine, until when I want to use messages from Resources files.

It's my code:

$('#myform').validate({
    rules: {
        test1: {
            required: true,
        },
    messages: {
        test1: {
        required: "simple string works",
    },
});

I've tried to put

'@Html.Raw(Resources.testRes)'
'@Resources.testRes'
'Resources.testRes'

Answer 1

When page is requested in ASP.NET MVC, the action (if it has a ViewResult) will render the view and the script bundle or <script src="path"> (from the view or its layout) will cause the browser to make another request for the .js file when it's processing the html sent in the response.

When this js is executing on the client, it won't have access to the .resx file, so any attempts to use razor (or aspx) will simply be invalid js.

If you include your <script></script> inline inside the view, it will be rendering on the server and you will have a reference to the resx file and your previous approaches will work.

Since you are composing inline javascript, this is somewhat messy, so consider another partial view as of your layout that interacts with the resx in this way to encapsulate all of this, or better yet a .js reference file that contains the messages.

There are some other stackoverflow questions about js and resx for more details.