ASP .NET MVC 3: Modifying validation scripts and Globalizing messages

Please, just add this code after the jquery.validate scripts:

$(document).ready(function () {
    $.validator.methods.range = function (value, element, param) {
        var globalizedValue = value.replace(",", ".");
        return this.optional(element) || (globalizedValue >= param[0] && 
               globalizedValue <= param[1]);
    }
    $.validator.methods.number = function (value, element) {
        return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:[\s\.,]\d{3})+)(?:[\.,]\d+)?$/.test(value);
    }
    $.validator.methods.date = function (value, element) {
        var isValid = true;
        if (Object.prototype.toString.call(d) === "[object Date]") {            
            if ( isNaN( d.getTime() ) ) { 
                isValid = false;
            }            
        }
        else {
            isValid = false;
        }
        return this.optional(element) || isValid;
    }
});

This will put the date accordingly to the navigator culture and uses "," as decimal separator.

Regards.

First off, I believe you only need one of those validation scripts included (if they're just regular and minified).

Create another js file called app.domready.js This will be where you put regular production code. It's also typically not good to directly edit a plugin for updating purposes.

Put all this in app.domready.js and reference it in your masterpage/view _Layout.cshtml.

<script src="@Url.Content("~/Scripts/app.domready.js")"></script>

This will initialize the jquery.validate plugin.

$(document).ready(
      function () {         
                $('form').validate({
                rules: {
                firstname: "required",
                lastname: "required",
                username: {
                    required: true,
                    minlength: 2
                },
                password: {
                    required: true,
                    minlength: 5
                },
                confirm_password: {
                    required: true,
                    minlength: 5,
                    equalTo: "#password"
                },
                email: {
                    required: true,
                    email: true
                },
                topic: {
                    required: "#newsletter:checked",
                    minlength: 2
                },
                agree: "required"
            },
            messages: {
                firstname: "Please enter your firstname",
                lastname: "Please enter your lastname",
                username: {
                    required: "Please enter a username",
                    minlength: "Your username must consist of at least 2 characters"
                },
                password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 5 characters long"
                },
                confirm_password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 5 characters long",
                    equalTo: "Please enter the same password as above"
                },
                email: "Please enter a valid email address",
                agree: "Please accept our policy"
            }

    });
});

You set your parameters in there based on the form ID/class(s). Check out the source code at http://jquery.bassistance.de/validate/demo/ for help.

And min or any jquery plugin that has .min in the name means minified or compressed to save white-space/size when the browser parses it which means less for your user to download which means faster. We typically use uncompressed in development and have a build script in VS2010 to compress everything.

Hopefully I understood what you're trying to do.