jQuery Validation dynamic key Uncaught SyntaxError: Unexpected token

Question

A newbie to jQuery. I am attempting use an array to auto populate elements for form validation. For some reason data.result[1].form_field leads to an "Uncaught SyntaxError: Unexpected token ." error.

    var $Form = $("#form").validate({

        // Rules for form validation
        rules : {
            data.result[1].form_field : {
                required : true,
                range: [data.result[1].minimum, data.result[1].maximum]
            }
        },

        // Do not change code below
        errorPlacement : function(error, element) {
            error.insertAfter(element.parent());
        }
    });

Strangly, if I directly write in the field name things work fine.

    var $Form = $("#form").validate({

        // Rules for form validation
        rules : {
            some_field : {
                required : true,
                range: [data.result[1].minimum, data.result[1].maximum]
            }
        },

        // Do not change code below
        errorPlacement : function(error, element) {
            error.insertAfter(element.parent());
        }
    });

Not sure why data.result[1].minimum, data.result[1].maximum work, but data.result[1].form_field does not.

Is data.result defined somewhere above this? and what does the data structure look like? — Scott Mitchell
– Scott Mitchell, Commented Aug 10, 2014 at 3:09

Scott Mitchell · Accepted Answer · 2014-08-10 03:14:04Z

1

Try defining the rules like so if its a dynamic key you cant declare it like that...

var specificRules = { rules: {} };

specificRules.rules[ data.result[1].form_field ] = {
     required : true,
     range: [data.result[1].minimum, data.result[1].maximum]
}

var $Form = $("#form").validate( specificRules );

answered Aug 10, 2014 at 3:14

Scott Mitchell

6984 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

spitz Over a year ago

Thanks Scott. Your answer worked like a charm, however, in my original question I left some code out as I though it would make my question more easy to read. I'm not sure how to fit this additional code in your solution. Also can your solution be used in a for loop? I would like to use $.each(data.result, function (index, item) { to populate all fields.

Scott Mitchell Over a year ago

Something like this? This won't run obviously because im not including the validate plugin but the syntax should be right... jsfiddle.net/eL1vmf4t

spitz Over a year ago

Works for the first field in my array, however, not for subsquent fields. I think that $qaForm.validate( currentRuleSet ); needs to be out of the loop. First the list of rules must be built before validate.

Scott Mitchell Over a year ago

Not sure what the plugin expects as far as syntax for multiple fields. If you tell me the plugin I could tell

spitz Over a year ago

I've added an example of the plugin syntax. Note this is an example from some random form, but it should give you an idea of what the plugin is looking for. jsfiddle.net/eL1vmf4t/3

|

Sparky · Accepted Answer · 2014-08-10 05:14:27Z

1

"Uncaught SyntaxError: Unexpected token ."

The "unexpected token" is the first dot in the field name.

As per documentation, you must enclose field names in quotes when they contain brackets or dots...

var $Form = $("#form").validate({    
    rules : {
        "data.result[1].form_field": {
            required: true,
            range: [data.result[1].minimum, data.result[1].maximum]
        }
    },
    ....

answered Aug 10, 2014 at 5:14

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

Collectives™ on Stack Overflow

jQuery Validation dynamic key Uncaught SyntaxError: Unexpected token

2 Answers 2

9 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related