JQuery.Validate adding dynamic rules with messages

Question

I have a form on which I am using jquery.validate. I initially call validate with a set of rules and custom messages...

$(\"#formName\").validate( {
  rules: {
          


        

Answer 1

Your code seems to be working, without error, as you posted it.

DEMO with DOM ready: http://jsfiddle.net/UZTnE/

DEMO with PageInit & jQuery Mobile: http://jsfiddle.net/xJ3E2/

$(document).on("pageinit", function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true
            }
        },
        messages: {
            field1: {
                required: "Enter something"
            }
        }
    });

    $('[name*="field"]').each(function () {
        $(this).rules('add', {
            required: true,
            messages: {
                required: "Enter something else"
            }
        });
    });

});

HTML:

BTW:

this...

ignore: null, // include hidden fields

should be...

ignore: [], // include hidden fields

See: jQuery Validate - Enable validation for hidden fields